jQuery 获取内容和属性

获得内容text()、html()以及val()
text() 设置或返回所选元素的文本内容
html() 设置或返回所选元素的内容（包括HTML标记）
val() 设置或返回表单字段的值
获取属性 attr()
用于获取属性值

jQuery设置内容和属性

设置内容text()、html()以及val()
text() 设置或返回所选元素的文本内容
html() 设置或返回所选元素的内容（包括HTML标记）
val() 设置或返回表单字段的值
text()、html()以及val()的回调函数
回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
设置属性 attr()
用于设置/改变属性值

允许同时设置多个属性
attr({
      "属性" : "属性值",
      "属性" : "属性值"
    });

attr()的回调函数

回调函数有两个参数
被选元素列表中当前元素的下标以及原始（旧的）值
然后以函数新值返回您希望使用的字符串

jQuery添加元素

添加新的HTML内容

append() 在被选元素的结尾插入内容
prepend() 在被选元素的开头插入内容
after() 在被选元素之后插入内容
before() 在被选元素之前插入内容

append()方法

在被选元素的结尾插入内容（仍然该元素的内部）

prepend()方法

在被选元素的开头插入内容

append()和prepend()方法添加若干新元素

append()和 prepend()方法能够通过参数接收无限数量的新元素
这些元素可以通过text/HTML、jQuery或者JavaScript/DOM来创建
然后通过 append()方法把这些新元素追加到文本中
对 prepend()同样有效

after()和 before()方法

after() 方法在被选元素之后插入内容
before() 方法在被选元素之前插入内容

after()和 before()方法添加若干新元素

能够通过参数接收无限数量的新元素
可以通过text/HTML、jQuery或者JavaScript/DOM来创建新元素
这些元素可以通过text/HTML、jQuery或者JavaScript/DOM来创建
然后通过 after()方法把这些新元素插到文本中
对 before() 同样有效

jQuery删除元素

删除元素/内容

remove() 删除被选元素（及其子元素）
empty() 从被选元素中删除子元素

过滤被删除的元素

扫描二维码关注公众号，回复： 4973218 查看本文章

remove() 方法也可接受一个参数
允许对被删元素进行过滤
该参数可以是任何jQuery选择器的语法

jQuery获取并设置CSS类

jQuery操作CSS

addClass() 向被选元素添加一个或多个类
removeClass() 从被选元素删除一个或多个类
toggleClass() 对被选元素进行添加/删除类的切换操作
css() 设置或返回样式属性

css()方法
css()方法设置或返回被选元素的一个或多个样式属性
返回CSS属性
返回指定的CSS属性的值
css("propertyname");
设置CSS属性
设置指定的CSS属性
css("propertyname","value");
设置多个CSS属性
css({"propertyname":"value","propertyname":"value",...});

jQuery 尺寸

jQuery尺寸方法

width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()

width()和height()方法

width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）
height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）

innerWidth()和innerHeight()方法

innerWidth() 方法返回元素的宽度（包括内边距）
innerHeight() 方法返回元素的高度（包括内边距）
outerWidth() 和 outerHeight()方法
outerWidth() 方法返回元素的宽度（包括内边距和边框）
outerHeight() 方法返回元素的高度（包括内边距和边框）

jQuery操作HTML

jQuery添加元素

jQuery删除元素

jQuery获取并设置CSS类

jQuery 尺寸

猜你喜欢