一、获取和设置文本框的值
1、获取文本框输入的值
2、设置文本框输入的值
二、获取和设置标签中间的内容
1、获取和设置标签中间的文本内容
(1)获取值
(2)设置值
2、设置标签中间的内容
(1)获取值
(2)设置值
三、获取和设置标签的属性
操作属性的方法:prop()和attr(),区别如下:
(1)attr()用于操作自定义属性及非布尔属性;
(2)prop()用于操作标签自带属性及布尔属性;
四、操作CSS属性
1、操作单个属性
(1)获取值
(2)设置值
2、操作多个属性
$(选择器).css({键:值,键:值…})
注意:操作多个属性时,相当于传入了一个js**on**对象。
2、jquery对象的集合
jquery通过某些元素共同的选择器得到的是这些元素的集合。但是这个集合中的元素是原生的js对象。
(1)取出集合中的对象
(2)转成jquery对象
语法:$(js原生对象)
3、间接获取结点的方式
(1)通过父结点获取子结点
语法:父结点.children();
注意:获取到的是所有子节点的集合。
(2)通过子结点获取
语法:子结点.parent();
(3)通过子结点获取下一个兄弟结点
语法:子结点.next();
(4)通过子结点获取上一个兄弟结点
语法:子结点.prev();
4、操作文档结构模型
(1)创建新元素
语法:$(“<标签名></标签名>”)
(2)在父结点的最后一个子结点后追加
语法:父结点.append(子结点);
(3)在一个结点之前插入元素
语法:结点.prepend(新结点);
(4)替换结点
语法:结点.replace(新结点)
(5)删除节点
语法:结点.remove();
(6)复制(克隆)结点
语法:结点.clone();
5、jquery集合对象的遍历
语法:jquery结合对象.each(function(){})