J query 基础使用和样式

什么是 jQuery

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少，做的多"的JavaScript库，所以jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理。

通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发。

jQuery不需要特别的安装，只需要我们在页面标签内中，通过jQuery对象转换为一个DOM对象

 

jQuery常用选择器
1.ID选择器：$("#id")：ID是唯一的，同样的id只能使用一次

2. class选择器 $(".classname")：类选择器，可以多选，但效率没有id选择器高

3. element元素选择器 $(“标签名称”)：搜索指定元素标签名的所有节点，这个是一个合集的操作

 

jQuery中获取属性的方法

1. 获取或则设置属性attr() ：attr()方法来获取和设置元素属性

2. 移出属性removeAttr(name)

3. 获取或则设置属性prop()

4. 移出属性removeProp(name)

 

jQuery中动态操作class

1. addClass()：为每个匹配的元素添加指定的类名

2. removeClass()：从所有匹配的元素中删除全部或者指定的类

3. toggleClass()：如果存在就删除一个类/如果不存在就添加一个类

 

jQuery中操作属性的方法
1. html()：取得第一个匹配元素的html内容

2. text()：取得所有匹配元素的内容

3. val()：获得匹配元素的当前value值

 

jQuery中操作样式的方法
1. css()：访问匹配元素的样式属性

2. width()：取得匹配元素当前计算的宽度值（px）

3. height()：取得匹配元素当前计算的高度值（px）

 

1、jQuery中的页面加载事件：（1）（document）.read（function（））;可以有多个该事件

2、jQuery与DOM的相互转换（1）DOM对象转为jQuery对象（2）jQuery对象转为DOM对象方法一：直接通过jQuery对象的索引进行转换方法二：通过jQuery的get（索引）方法进行转换

3、jQuery中元素的筛选注意：（document）.read（function（）{ }）; 可以有多个该事件 jQuery与DOM的相互转换（1）DOM对象转为jQuery对象 （2）jQuery对象转为DOM对象方法一：直接通过jQuery对象的索引进行转换 方法二：通过jQuery的get（索引）方法进行转换 3、jQuery中元素的筛选 注意：（document）.read（function（））;可以有多个该事件2、jQuery与DOM的相互转换（1）DOM对象转为jQuery对象（2）jQuery对象转为DOM对象方法一：直接通过jQuery对象的索引进行转换方法二：通过jQuery的get（索引）方法进行转换3、jQuery中元素的筛选注意：获取的是一个数组（1）jQuery支持主流的CSS1-CSS3选择器的（2）eq（）：括号里面为索引值，如果是整数，那么就是正常的索引， 如果为负值，那么就是从末尾开始选择 （3）first（）：选中第一个标签（4）Last（）：选中最后一个标签（5）hasClass（）：寻找类，如果有这个类，返回true，则false（6）find（）：查找选中元素的所有后代元素，这是一个好方法