jquery概念

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

posted @ 2019-04-17 16:13  麻包缝裤衩  阅读(154)  评论(0)    收藏  举报