jQuery的常用方法

选择器

基本选择器

• $('p')元素选择器
• $('#id')id选择器
• $('.class')class选择器
• $('p,h1,h2')群组选择器
• $('*')*选择器

层次选择器

• $('m n')后代选择器
• $('m>n')子代选择器
• $('m+n')相邻兄弟选择器
• $('m~n')兄弟选择器

属性选择器

• $('Ele[attr]')属性包含attr的元素
• $('Ele[attr="value"]')属性值等于value的元素
• $('Ele[attr !="value"]')属性值不等于value的所有元素

伪类选择器

• 简单伪类
• 子元素伪类选择器

• 子元素伪类选择器

• 表单属性伪类

筛选方法

祖先元素

• parent()``
• parents()
• patentsUntil()

查找后代元素

• children()
• find()

向前查找兄弟元素

• prev()
• prevAll()
• prevUntil()

向后查找兄弟元素

• next()
• nextAll()
• nextUntil()

查找所用兄弟元素

• siblings()

选择元素集合中指定下标的元素(从0开始)

• eq()

查找元素在父元素里面索引位置

• index()

内容操作

• html()
• text()
• val()

属性操作

• attr()操作自定义属性
• prop()操作固有属性
• removeAttr()删除自定义属性
• removeProp()删除固有属性

操作样式

• css()添加样式
• addClass()添加类
• removeClass()删除类
• toggleClass()切换类

动态创建dom节点

• 创建节点

$('<li>我是创建的小li</li>')

• 删除节点(html,remove,empty())

 <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    $('ul').remove()//把自己删掉，自杀
    $('ul').empty()//清空里面的元素和内容
    $('ul').html('')//清空里面的元素和内容
    

添加节点

内部添加节点

 <ul>
        <li>1</li>
        <li>2</li>
 </ul>
 
 let li=$('<li>我是后面创建的li</li>')
 $('ul').apptend(li)//将li添加到ul里面放在最后面
 $('ul').preapptend(li)//将li添加到ul里面放在最前面