jaquery时javascript的一个库,可以理解为时javascript的框架
在引用jquery时,有CSS样式,先引用CSS框架,再引用自己的CSS,引入js时,先行引用jquery文件,在引用js框架(layui..等等),再引用自己的js,顺序不能乱!
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <!--引入jQuery的js文件--> <script type="text/javascript" src="../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="aaaaaaaa"> </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 obj=$("[align='center']"); alert(obj.html()); 如果得到的是数组,则用jqDom.eq(下标) alert($(".p2").eq(0).html()); //获取js对象 js->jquery $(jsDom) var p1=document.getElementById("p1"); alert($(p1).html()); //获取jQuery对象 jquery->js $('div')[0] $('div').get(0) alert($(".p2").get(1).innerHTML); //给非表单元素赋值 $("#p1").html("你好"); //获取表单的value值 alert($("input").val()); //给表单元素赋值 $("input").val("bbbbbbbb"); </script> </html>
//获取js对象 js->jquery $(jsDom)
var p1=document.getElementById("p1");
alert($(p1).html());
//获取jQuery对象 jquery->js $('div')[0] $('div').get(0)
alert($(".p2").get(1).innerHTML);