jQuery基本知识及选择器

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（）