一、获取和设置文本框的值

1、获取文本框输入的值

语法:$(选择器).val()

2、设置文本框输入的值

语法:$(选择器).val(值)

二、获取和设置标签中间的内容

1、获取和设置标签中间的文本内容

(1)获取值

$(选择器).text()

(2)设置值

$(选择器).text(值)

2、设置标签中间的内容

(1)获取值

$(选择器).html()

(2)设置值

$(选择器).html(值)

三、获取和设置标签的属性

操作属性的方法:prop()和attr(),区别如下:
(1)attr()用于操作自定义属性及非布尔属性;
(2)prop()用于操作标签自带属性及布尔属性;

四、操作CSS属性

1、操作单个属性

(1)获取值

$(选择器).css(属性名)

(2)设置值

$(选择器).css(属性名,值)

2、操作多个属性

$(选择器).css({键:值,键:值…})
注意:操作多个属性时,相当于传入了一个js**on**对象。

2、jquery对象的集合

jquery通过某些元素共同的选择器得到的是这些元素的集合。但是这个集合中的元素是原生的js对象。

(1)取出集合中的对象

语法:jquery对象.get(索引)

(2)转成jquery对象

  1. 语法:$(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(){})