千家信息网

JQuery操作与遍历元素并设置其属性、样式和内容的方法

发表于:2025-01-19 作者:千家信息网编辑
千家信息网最后更新 2025年01月19日,本文小编为大家详细介绍"JQuery操作与遍历元素并设置其属性、样式和内容的方法",内容详细,步骤清晰,细节处理妥当,希望这篇"JQuery操作与遍历元素并设置其属性、样式和内容的方法"文章能帮助大家
千家信息网最后更新 2025年01月19日JQuery操作与遍历元素并设置其属性、样式和内容的方法

本文小编为大家详细介绍"JQuery操作与遍历元素并设置其属性、样式和内容的方法",内容详细,步骤清晰,细节处理妥当,希望这篇"JQuery操作与遍历元素并设置其属性、样式和内容的方法"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

一、操作属性

属性分类

  • 固有属性

    href、src.....

  • 共有属性

    id,class,name......

  • 自定义属性

    abc= '1234'

操作属性的方法

  • 区别

    1.prop不能操作自定义属性

    2.prop获取Boolean类型的属性是 true/false

  • 获取属性值

    attr(属性名称) 操作 checkbox 时, 获取指定的属性值,选中返回 checked,没有选中返回 undefined

    op(属性名称) 获取具有true和false两个属性的属性值

  • 设置属性值

    attr(属性名称,属性值);

    prop(属性名称,属性值);

  • 移除属性

    removeAttr("属性")

                                                                                        
aa bb

二、操作样式

  • attr("class") 获取class属性的值,即样式名称

  • attr("class","样式名") 修改class属性的值,修改样式

  • addClass("样式名") 添加样式名称

  • css() 添加具体的样式 相当于直接设置行内style

  • removeClass(class) 移除样式名称

                                                                                                        

css()方法设置元素样式

天蓝色
大红色
天蓝色

三、操作元素内容

html()

获取或设置元素的内容,包含html内容 可以识别纯文本内容

取值:html()

赋值:html("html,内容")

text()

获取或设置元素的内容,不包含html内容 只能识别纯文本内容

取值:text()

赋值:text("html,内容")

val()

获取或设置元素的值

取值:val()

赋值:val(‘值’)

                                                                                        

html()和text()方法设置元素内容

四、创建和添加元素

prepend(content)

在被选元素内部的开头插入元素或内容,被追加的 content 参数,可以是字符、HTML 元素标记。

$(content).prependTo(selector)

把 content 元素或内容加入 selector 元素开头

append(content)

在被选元素内部的结尾插入元素或内容,被追加的 content 参数,可以是字符、HTML 元素标记。

$(content).appendTo(selector)

把 content元素或内容插入selector 元素内,默认是在尾部

before()

在元素前插入指定的元素或内容:$(selector).before(content)

after()

在元素后插入指定的元素或内容:$(selector).after(content)

                                                                                                        男神                偶像                
小鲜肉

五、删除元素

  • remove()

    删除所选元素或指定的子元素,包括整个标签和内容一起删

  • empty()

    清空所选元素的内容

                                                                                                        

删除元素

jquery删除 javase http协议 servlet

六、遍历元素

格式:

$("值").each(function(index,element){

});

                                                                                                                        

遍历元素 each()

jquery javase http协议 servlet

读到这里,这篇"JQuery操作与遍历元素并设置其属性、样式和内容的方法"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。

0