jQuery属性操作

Posted 2021-11-28 yslf

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!");