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