jquery属性操作之html,text,val方法

Posted jintian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery属性操作之html,text,val方法相关的知识,希望对你有一定的参考价值。

$().attr()  结果是value或undefined

$().prop()  结果是true或false

固有属性用prop,自定义用attr

$().addclass()  $().removeclass()

$().html()  $().text()   加参数就是覆盖

有标签用html,文本都可用html,text

$().val()  val是固有属性,form表单有val

技术图片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="div1" con="c1"></div>
<input type="checkbox" checked="checked">是否可见
<input type="checkbox">是否可见

<input type="text" value="123">
<div value="456"></div>

<div id="id1">
    uuuuu
    <p>ppppp</p>
</div>
<script src="jquery-3.1.1.js"></script>
<script>
//    console.log($("div").hasClass("div11"));
//    console.log($("div").attr("con"))
//    console.log($("div").attr("con","c2"))

//    console.log($(":checkbox:first").attr("checked"))
//    console.log($(":checkbox:last").attr("checked"))
//
//    console.log($(":checkbox:first").prop("checked"))
//    console.log($(":checkbox:last").prop("checked"))

//    console.log($("div").prop("con"))
//    console.log($("div").prop("class"))

//    console.log($("#id1").html());
//    console.log($("#id1").text());
    //console.log($("#id1").html("<h1>YUAN</h1>"))
    //console.log($("#id1").text("<h1>YUAN</h1>"))

    //固有属性
   console.log($(":text").val());
   console.log($(":text").next().val())
   $(":text").val("789");

    $("div").css("color":"red","background-color":"green")


</script>
</body>
</html>
View Code

技术图片技术图片技术图片技术图片技术图片

以上是关于jquery属性操作之html,text,val方法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery之html(),text()和val()的区别

jQuery之html(),text()和val()的区别

216 jQuery 文本属性值:html() text() val()

jQuery 之 dom操作

jQuery的属性与样式之.val()

php 学习笔记之jquery