jQuery使用.docVIP

jQuery使用 页面头部head中，添加js script type=text/javascript src=jquery.js/script jQuery核心函数 $():这是在jQuery中最常使用的方式，它可以接受的参数形式为： $(selector,[context]) 接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素，在context范围内找和selector匹配的元素，返回一个元素 集合。 如：$(“div p”);找到所有 p 元素,并且这些元素都必须是 div 的子元素。 $(html) 根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。 on-the-fly方式创建一个html元素，没有append到文档流中，浏览器不会render这个dom元素 如：$(“divpHelloDiv/p/div”).appendTo(“body”);动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body元素中 。 jQuery核心方法--$() $(elements) 将一个或多个DOM元素转化为jQuery对象 注意是jQuery对象，而不是DOM对象。如果我想得到DOM对象呢？很简单，只需在其后跟一个索引值（如[0]）—因为它得到的是一个对象数组，即可得到DOM对象。然后就可以使用innerHTML、innerText等DHTML方法和属性了。 如：$(document.body).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=test1.jpg/ img src=test2.jpg/ jQuery 代码:$(img).get().reverse(); get(index)示例 Html代码:img src=test1.jpg/ img src=test2.jpg/ jQuery代码:$(img).get(0); index(subject) 搜索与参数表示的对象匹配的元素，并返回相应元素的索引值值。 如果找到了匹配的元素，从0开始返回；如果没有找到匹配的元素，返回-1 HTML 代码: div id=foobardiv/divdiv id=foo/div/div jQuery 代码: $(div).index($(#foobar)[0]) // 0$(div).index($(#foo)[0]) // 2$(div).index($(#foo)) // -1 each(callback) 以每一个匹配的元素作为上下文来执行一个函数。 意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每 次都是一个不同的匹配元素）。 返回 false 将停止循环 (就像在普通的循环中使用 break)。 返回 true 跳至下一个循环(就像在普通的循环中使用continue)。 HTML 代码:可以使用return来跳出each循环。 img/img/ jQuery 代码: $(img).each(function(i){?? this.src = test + i + .jpg;}); jQuery对象的方法 length jQuery 对象中元素的个数。(当前匹配的元素个数。 size 将返回相同的值。) size() jQuery 对象中元素的个数。这个函数的返