jQuery是一个简单的javascript代码库,还作为一个框架为我们提供了一种新的JS书写方式,简洁明了,而且很好的处理了兼容性问题,这些优越的特性使得它广受推崇,并从问世以来快速发展。正印证了jQuery的设计宗旨:
“write Less,Do More”
选择器:
jQuery的选择器是其一大特点,而且语法与CSS如此相似相似:
$('#box')
通过ID,$('li')
通过标签名,$('.active')
通过类选择器的获取元素的兼容性也经过处理。
当然这些获得的都是jQuery的对象而不是原声对象。而jQuery对象和原生对象可以转换,jQuery对象添加下标即原声对象,而原生对象不加引号直接放在$后面的括号中就是jQuery对象了。
除此之外,通过伪类的方式还能指定你所想要的元素:
//通过具体属性找到你想要的元素
$('div[属性名="属性值"]')
//第一个 最后一个 偶数行 奇数行
$('li:first') $('li:last') $('li:even') $('li:odd')
$('#div .active span')//也支持嵌套写法
//通过索引值获得当前元素,或者同级的当前位置以前的元素或以后的元素;
$('div:eq(下标)') $('div:lt(下标)') $('div:gt(下标)')
$('div').eq(下标) //而且索引值可以写在外头
//siblings()可以获得当前元素的兄弟元素,括号里也能填写筛选条件;
$('.active').siblings()
简单操作
获取元素的索引值可以采用 .index()
;
获取表单元素的内容采用 .val()
;
获取非表单元素的内容采用 .html()
;
要操作属性或者样式的话,通过.attr() .css()
,根据你括号内的内容可以获取、修改单个或者批量修改样式都能做到;
添加或删除标签的class需通过 .addClass() .removeClass()
;