http://bbs.jquery.org.cn/thread-8-1-1.html
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
核心函数
jQuery(…) 函数是整个jQuery框架的核心,其简写形式为 $(…)。jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。此函数存在以下几个版本:
jQuery(expression,[context])
例如: jQuery(“body”) 或 $(“body”)
这个函数接收一个包含 CSS 选择器 的字符串,然后用这个字符串去匹配一组元素, 如果没有指定context参数,将在当前的 HTML 文档中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。
jQuery(html)
例如: jQuery(‘<input type=”submit” id=”submit” value=”Submit”’)
或 $(‘<input type=”submit” id=”submit” value=”Submit”’)
根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。
jQuery(elements)
例如: jQuery(document) 或 $(document)
将一个或多个DOM元素转化为jQuery对象。这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数。
jQuery(callback)
例如: jQuery(function(){alert(“loaded !”)}) 或 $(function(){alert(“loaded !”)})
或 $(document).ready(){alert(“loaded !”)})
允许你绑定一个在DOM文档载入完成后执行的函数。同时又是$(document).ready()的简写。
CSS 选择器
CSS选择器是jQuery(…)函数获取DOM元素并包装成jQuery 对象的重要表达式;要熟练地掌握jQuery就必须要熟练掌握这些CSS选择器。
以下是常用的CSS选择器:
#id
例如: $(“#myDiv”) 匹配id为myDiv 的元素
根据给定的ID匹配一个元素。
element
例如:$(“div”) 匹配所有的div元素
根据给定的元素名匹配所有元素
.class
例如: $(“.buttonAdd”) 匹配使用了buttonAdd样式的所有元素
根据给定的样式类匹配元素。
*
例如: $(“*”, $(“#myDiv”)) 匹配id为myDiv的元素下的所有元素
匹配所有元素。多用于结合上下文来搜索。
ancestor descendant
例如: $(“#myDiv *”) 匹配id为myDiv的元素下的所有元素
在给定的祖先元素下匹配所有的后代元素。
selector1,selector2,selectorN
例如: $(“div, span”) 匹配所有的div 和 span 元素
将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。
常用方法
attr(name) / attr(name, value)
例如: $(“#myDiv”).attr(“name”) 取得id为myDiv 的第一个元素的name属性
$(“#myDiv”).attr(“name”, “myDiv”) 设置id为myDiv的所有元素的name属性值为 myDiv
attr(name): 取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。
attr(name, value):为所有匹配的元素设置一个属性值。
html() / html(val)
例如: $(“div”).html() 取得第一个div元素的html内容
$(“div”).html(“<p>Hello world</p>”) 设置所有的div元素的html内容
html(): 取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
text() / text(val)
例如: $(“div”). text () 取得第一个div元素的文本内容
$(“div”). text (“Hello world”) 设置所有的div元素的文本内容
text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容。与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体)。
val() / val(val)
例如: $(“select”). val () 取得第一个select元素的值
$(“select”). val (“select2”) 设置所有的select元素的值
val():获得第一个匹配元素的当前值。包括input,select,check,radio等。如果多选,将返回一个数组,其包含所选的值。
val(val):设置每一个匹配元素的值。这也可以为input,check,select,radio等元件赋值。
css() / css(val)
例如: $(“div”).css(“color”) 取得匹配的第一个div元素的color样式的值
$(“div”).css(“color”, “red”) 设置所有div元素的color样式为红色
css(): 访问第一个匹配元素的样式属性。
css(val): 在所有匹配的元素中,设置一个样式属性的值。数字将自动转化为像素值。