jq选择器基础

Posted 2020-08-26

Jquery
$代表选择器

使用jq必须要导入jq文件

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

或者是本地下载好的jq文件

使用前要先加入代码，加载后执行：

$(document).ready(function(e) {





});

　　

所有jq代码都在大括号里面实现。

 

//Jquery
		//找元素,Jquery对象
		var b = $("#aa"); //根据ID找
		
		
		var b = $(".aa"); //根据class找

		var b = $("div"); //根据标签名找
	
		
		var b = $("[id=‘aa‘]"); //根据属性找

		
		//操作内容
			//非表单元素
			b.html(); //操作元素里面的HTML代码
			b.text(); //操作元素里面的文本
			
			//表单元素
			b.val("hello");
			
		//操作属性
			//设置属性
	                b.attr("bs","test");
			//获取属性
			alert(b.attr("aa"));
			//移除属性
			b.removeAttr("aa");
			
			b.prop("checked",false);
			
		//操作样式,可以获取内嵌的样式
		b.css("background-color","red");
		alert(b.css("width"));
		alert(b.css("background-color"));