jQuery基本知识及选择器

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_44313091/article/details/102557794

jQuery核心函数

1.作为一般函数调用:$(param)

1).参数作为函数:当DOM加载完成后,执行此回调函数

2).参数作为选择器字符串:查找所有匹配的标签,并将它们封装成jQuery对象

3).参数作为DOM对象:将DOM对象封装成jQuery对象

4).参数为html标签字符串(用得少):创建标签对象并封装成jQuery对象

2.作为对象使用:&.xxx()

1).$.each( ): 隐式遍历数组

2).$.trime( ): 去除两端的空格

jQuery对象

1.jQuery对象是一个包换所有匹配的任意多个DOM元素的伪数组对象

2.基本行为

* size()/ length:包含的DOM元素个数

*[index]/get(index):得到对应位置的DOM元素

*each():遍历包含的所有DOM元素

*index():得到在所在兄弟元素中的下标

jQuery的选择器

一、基本选择器

1.是什么?

- 有特点格式得到字符串

2.作用

- 用来查找特定页面元素

3.基本选择器

- #id: id选择器

- element:元素选择器

- .class: 属性选择器

- * :任意标签

- selector1,selector2,selectorN :去多个选择器的并集(组合选择器)

-selector1selector2selectorN: 取多个选择器的交集(相交选择器)

二、层次选择器

1.层次选择器:查找子元素、后代元素、兄弟元素的选择器

- ancestor descendant : 在给定的祖先元素下匹配所有的后代元素

- parent > child : 在给定的父元素下匹配所有的子元素

- prev+next : 匹配所有紧接在prev元素后的next元素

- prev~siblings: 匹配prev元素之后的所有的siblings元素

三、过滤选择器

1.在原有选择器匹配的元素中进一步进行过滤的选择器

- :first 选择原有选择器匹配元素中的第一个

- :last 选择原有选择器匹配元素中的最后一个

-:not(.div)选择原有选择器元素中class属性不为div的元素(没有class属性也可以)

- :contains(‘BBBBB’) 选择内容为BBBBB的元素

- :gt() 匹配所有大于给定索引的元素

- :hidden 选择原有选择器元素中隐藏的元素

-li [ 'titlt' ]  选择有titlt属性的li元素

-li[title =hello]  选择所有属性title为hello的li元素

四、表单选择器

- :input 查找所有的input元素

- :text 查找所有的单行文本框

-:radio 查找所有的单选按钮

- :checkbox 查找所有的多按钮

 

操作属性

1.操作任意属性

- attr() 

- removeAttr ()

 - prop()

2.操作clas属性

- addClass ()

- removeClass ()

3.操作HTML代码/文本/值

- html()

- val()

猜你喜欢

转载自blog.csdn.net/qq_44313091/article/details/102557794
今日推荐