$的其他用法:
$(html节点):根据提供的原始HTML标记字符串,动态创建由jQuery对象包装的DOM元素.如:
$(“<div><p>Hello</p></div>”).appendTo(“#body”);//把<div><p>Hello</p></div>添加到body元素中
$(document):网页文档对象
$(document.body):网页body对象,和$(“body”)是一样的
$(函数):DOM载入后就执行该函数.所以$(document).ready()可以写做$()
$(选择器部分,选择器来源):这个举例说明
$(“input:radio”,document.forms[0]):在文档的第一个表单中,搜索所有单选按钮
$(“div”,xml.responseXML):查询指定XML文档中的所有div元素
选择器来源可以是:作为上下文的DOM元素,文档或jQuery对象
还有两个:$.extend(prop)和$.noConflict()是和插件以及和其他库兼容的使用,以后再写
jQuery的core部分还有:
eq(数字):将匹配的元素集合缩减为一个元素。这个元素在匹配元素集合中的位置变为0,而集合长度变成1
gt(数字):将匹配的元素集合缩减为给定位置之后的所有元素
lt(数字):将匹配的元素集合缩减为给定位置之前的所有元素
上面三个的例子:
$(“div:eq(1)”)//第2个div
$(“div:gt(2)”)//第3个div以及之后的div
$(“div:lt(2)”)//第2个div以及之前的div,即第1个div和第2个div
length或size():当前匹配的元素数量
each():以每一个匹配的元素作为上下文来执行一个函数。这意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的元素(每次都是一个不同的匹配元素).而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数.
$(“img”).each(function(i){ this.src = “test” + i + “.jpg”; });//迭代图像,并设置它们的src属性
get():如果没有参数,返回所有,是一个对象数组;如果带参数,必须是数字,基数从0开始.例子:
$(“div”).get():返回一个div对象数组
$(“div”).get(1):返回第二个div对象
index(需求的元素节点对象):返回数字.用个例子说明:
$(“div”).index($(“.test”))[1] //表示从所有div节点中查找class属性为test的节点.并且找的是第二个节点(基数从0开始).返回值是该节点在div节点中的位置(基数也是从0开始).
