javascript 引入jq元素

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<!--引入jQuery-->
<script type="text/javascript" src="../20190417/js/jquery-3.4.0.min.js"></script>

</head>

<body>
<p id="p1">a</p>
<p class="p2" align="center">b</p>
<p class="p2">c</p>
<p class="p2">d</p>
<div>
    <p>e</p>
    <p>f</p>
</div>
<input type="text" value="aaaaaaaaaaa">
</body>
<script type="text/javascript" >
    //id选择器
/*var p1=$("#p1");
    alert(p1.html());*/
    /*//class选择器
    var arr=$(".p2");
    alert(arr.length);*/
/*    //元素选择器
    var arr=$("p");
    alert(arr.length);*/
/*    //父子选择器
    var arr=$("div p");
    alert(arr.length);*/
/*    //带属性的选择器
    var a=$(".p2[align]");
    alert(a.html());*/
    //如果得到的是数组，则用jqDom.eq(下标)
//    alert($(".p2").eq(0).html());
    //获取js对象
/*    var p1=document.getElementById("p1");
    alert($(p1).html());
    */
    //获取jquery对象
    /*var p2=$(".p2");
    alert(p2[1].innerHTML);*/
    /*//获取表单元素
    alert($("input").val());*/
    //给表单元素赋值
    $("input").val("bbbbbbbbbbbb")
 
    
    
</script>
</html>

posted on 2019-04-17 15:41  默示う梦璃  阅读(253)  评论(0)    收藏  举报