码迷,mamicode.com
首页 > 其他好文 > 详细

jq选择器基础

时间:2017-01-03 13:11:42      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:hello   class   对象   bsp   文件   rem   大括号   read   false   

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

  

 

jq选择器基础

标签:hello   class   对象   bsp   文件   rem   大括号   read   false   

原文地址:http://www.cnblogs.com/cyrfr/p/6244437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!