jqueryD1

最新推荐文章于 2021-07-02 21:29:10 发布

原创最新推荐文章于 2021-07-02 21:29:10 发布 · 132 阅读

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-3.4.1.js"></script>
<script type="text/javascript">
//$():调用$方法 是jquery一个核心函数 $()=jQuery(),本质就是一个方法
//为$()方法传入一个function(){}作为参数；就相当于window.οnlοad=function(){}
$(function(){
	//使用$();查找元素 使用.click()来绑定点击响应函数 把单击响应函数作为click()的参数传入即可
	//$("#btnId").click(function(){
		//alert("helloworld");
	//});
	
});
</script>
</head>
<body>
<button id="btnId">sayhello</button>
</body>
</html>

核心函数的四种用法：

$(function(){
		//var ele=$("<li>相机</li>");
		//ele.appendTo("#ulId");
		//传入参数为html字符串时，根据这个字符串创造元素节点对象
		$("<li>点</li>").appendTo("#ulId");
		//传入参数为选择器字符串时，根据这个字符串查找元素节点对象
		$("#a01").click(function(){
			alert("你好");
		});
		//传入参数为DOM对象时，将dom对象包装为jquery对象返回
		var ulEle=document.getElementById("ulId");
		$(ulEle).click(function(){
			alert("你好");
		});
		
		var idEle=$("#a01");//idEle相当于是一个数组，里面存着一个dom对象
		//alert(idEle);
		var pe=idEle[0];//取第一个
		alert(pe.id);
		$("p")[1]
		alert($("p")[1].id);//找到所有的p节点，[p1dom,p2dom,p3dom...]
	});