jquery屬性操做之html，text，val方法

時間 2019-11-12

標籤 jquery 屬性 html text val 方法欄目 JQuery 简体版

原文原文鏈接

$().attr()　　結果是value或undefinedcss

$().prop()　　結果是true或falsehtml

固有屬性用prop，自定義用attrjquery

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

$().html()　　$().text() 　　加參數就是覆蓋spa

有標籤用html，文本均可用html，textcode

$().val() 　val是固有屬性，form表單有valorm

<!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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。