Write less, do more.
相当于Python的第三方模块
1.改变标签
2.改变标签属性
3.改变标签样式
4.改变事件
找到标签:
找出来的是jQuery对象
jQuery("#d1")[0]
$("div.c1")[0]
$("div.c1")[1]
括号里面和CSS选择器一样,不能加空格(后代)
$("a,#d1,.c2") // 组合选择器
层级选择器:
$("form input")
$("form>input")
$("form+input")
$("form~input")
HTML对象和jQuery对象区别:
1.jQuery对象转为DOM对象,用索引取出
2.DOM对象转jQuery对象,$(DOM对象)
3.jQuery对象保存变量的时候变量名加$
基本筛选器:
查找条件都要写在引号里面
:first // $("ul li:first")
:last
:eq(index) // 从0开始,支持负数
:even // 偶数
:odd // 奇数
:gt(index) // 大于索引的,从0开始
:lt(index) // 小于索引的
:not // $("p:not(.c2)") 移除满足not内条件的
:has // $("#d3 div:has(a)") 找内部有a的div,找的是div
属性筛选器:
$("input[name='gender']")
简写:
:text
:password
:radio
:checkbox
$(":submit")
对象属性:
:enabled
:disabled
:checked
:selected
位置筛选:
$("#d1").next()
.nextAll()
.nextUntil("#d5")
.prev()
.prevAll() // 倒序
.precUntil("#d8")
.parent() // $("a").parent().parent() 链式操作
.parents() // div#d2, div#d1, body, html
.parents("body") // 找到body这一级
.parentsUntil()
.children() // 儿子们
.siblings() // 兄弟们
.find() // 在结果集里查找元素 $cEle.find("div"), 别处发来的对象
.first()
操作标签:
样式操作:
.addClass()
.removeClass()
.hasClass()
.toggleClass()