jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery属性操作大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

jQuery属性操作
  使用 jq 操作标签属性

Demo: 1.获取元素的指定属性
  attr()可以操作原生属性,还可以操作自定义属性
  prop("属性") : 获取元素指定的属性值(一般用来操作 html 原生的属性)
第一种方式:
$("img").attr("src");
赋值:
$("img").attr("src","test.jpg");
第二种方式:
$("input[type=‘checkBox‘]").prop("checked");
赋值:
$("input[type=‘checkBox‘]").prop("checked",true);

Demo:2. 删除元素的指定属性
$("img").removeAttr("src");

Demo:3. 为元素添加 class 属性
$("p").addClass("selected");
$("p").addClass("selected1 selected1");

Demo:4. 删除元素的指定的 class 属性的值
$("p").removeClass("selected");

Demo:5. 获取指定元素下的 html 内容
$("p").html();

Demo:6. 为指定元素设置新的 html 代码
$("p").html("Hello <b>world</b>!");

Demo:7. 获取指定元素下的文本值
$(‘p‘).text();

Demo:8.替换文本值
$(‘p‘).text("Hello world");

Demo:9. 获取文本框的值
$("input").val();

Demo:10. 替换文本框的值$("input").val("HelloWorld!");

大佬总结

以上是大佬教程为你收集整理的jQuery属性操作全部内容,希望文章能够帮你解决jQuery属性操作所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: