文档介绍：jQuery使用
页面头部head中,添加js
<script type="text/javascript" src=""></script>
jQuery核心函数
$():这是在jQuery中最常使用的方式,它可以接受的参数形式为:
$(selector,[context])
接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素,在context范围内找和selector匹配的元素,返回一个元素集合。
如:$(“div > p”);找到所有 p 元素,并且这些元素都必须是 div 的子元素。
$(html)
根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。
on-the-fly方式创建一个html元素,没有append到文档流中,浏览器不会render这个dom元素
如:$(“<div><p>HelloDiv</p></div>”).appendTo(“body”);动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body元素中。
jQuery核心方法--$()
$(elements)
将一个或多个DOM元素转化为jQuery对象注意是jQuery对象,而不是DOM对象。如果我想得到DOM对象呢?很简单,只需在其后跟一个索引值(如[0])—因为它得到的是一个对象数组,即可得到DOM对象。然后就可以使用innerHTML、innerText等DHTML方法和属性了。
如:$().css( “background”, “black”);设置页面背景色。
$(callback)
当DOM加载完成后要执行的函数。$(document).ready()的简写。
允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有需要在 DOM 加载完成时执行的$()操作符都包装到其中来。
如: $(function callAlert(){alert(“……”);})
注意:你可以在一个页面中使用任意多个$(document).ready事件。
jQuery对象的访问
get()
取得所有匹配的 DOM 元素集合。
这是取得所有匹配元素的一种向后兼容的方式(不同于jQuery对象,而实际上是元素数组)。
如果你想要直接操作 DOM 对象而不是 jQuery 对象,这个函数非常有用。
get(index)
取得其中一个匹配的元素。 num表示取得第几个匹配的元素。
这能够让你选择一个实际的DOM 元素并且对他直接操作,而不是通过 jQuery 函数。$(this).get(0)与$(this)[0]等价。
get()示例
HTML 代码:<img src=""/> <img src=""/>
jQuery 代码:$("img").get().reverse();
get(index)示例
Html代码:<img src=""/> <img src=""/>
jQuery代码