jq选择器基础

时间:2022-04-23 14:01:07

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