华体会真人:2. jQuery内容节点属性

2021-03-10 18:37:04 浏览: 90次 来源:【jake】 作者:-=Jake=-

一.节点操作1. DOM内容节点操作:

①innerHTML属性:设置或获取文本内容(普通文本和标签)。

②innerText属性:设置或获取文本(普通文本)的内容,存在兼容性问题。

2. jQuery内容节点属性:

①html([value])方法:设置或获取文本内容(普通文本和标签)。

②text([value])方法:设置或获取文本(普通文本)的内容,不存在兼容性问题。

二. jQuery属性操作1. DOM值属性

value属性:设置或获取表单元素(表单字段和表单按钮)的默认值。

2. jQuery的val([value])方法

The

val([value])方法设置或获取表单元素(表单字段和表单按钮)的默认值。

注:DOM通常用于操纵属性值,而jQuery通常用于操纵属性值。

3. DOM属性节点操作和jQuery属性节点操作之间的区别1) DOM属性节点操作

①将元素节点用作普通的js对象来操纵属性(点语法和方括号)

缺点:无法操纵类属性

②使用DOM提供的方法进行操作

getAttribute(“属性名称”)

setAttribute(“属性名称”爱游戏app官方下载 ,“属性值”)

hasAttribute(“属性名称”)

removeAttribute(“属性名称”)

�③使用className进行操作

注:使用了覆盖操作

2) jQuery属性节点操作

注:您可以操作固有属性,也可以操作自定义属性。

获取属性

语法:attr(“属性名称”)

b。设置单个属性

语法:attr(“属性名称”jquery设置class 属性,“属性值”);

c。设置多个属性

语法:attr({

“属性名称1”:“属性值1”,

“属性名称2”:“属性值2”,

...

});

d。删除属性

语法:removeAttr(“属性名称”)

②使用prop()方法来操纵属性

注:它主要用于操纵固有属性,以及操纵选中,选定和禁用的属性天津时时彩 ,必须存在

prop()方法,不能使用attr()方法。

获取属性

语法:prop(“属性名称”)

功能:选中或选择属性名称时,如果选择则返回true,否则返回

返回false,当禁用属性名称时爱游戏网页版 ,禁用时返回true,否则返回false

b。设置属性

语法:prop(“属性名称”,“属性值”)

功能:选中属性名称后,选中,如果属性值设置为true,则表示已选中

,否则表示未选中;禁用属性值时,如果设置的属性值为truejquery设置class 属性,则表示

否则禁用鸭脖官网 ,这意味着取消禁用。

注意:如果属性值为布尔类型,则可以将其包装为不带双引号或单引号。

c。删除属性

语法:removeProp(“属性名称”)

注:操作完成后,在标签上使用DOM或jQuery提供的方法来操纵表单属性

不会显示任何内容。使用DOM或jQuery完成的任何操作都在内存中完成。

③专门为类属性提供的操作方法

添加班级属性

语法:addClass(“ class attribute value”);

注:jQuery提供了一种添加类以执行追加操作的方法。

b。确定是否存在类属性值(返回的是布尔值)

语法:hasClass(“ class attribute value”);

c。删除班级属性

语法:removeClass([“ class attribute value”]);

注:如果没有参数,则意味着删除所有类属性值。

如果有参数鸭脖娱乐 ,则意味着删除指定的类属性值

d。切换班级属性

语法:toggleClass(“ class attribute value”);

注:如果标记中存在对应的“类属性值”,则将其删除

如果标签中相应的“类属性值”不存在,请添加

老王