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);