码迷,mamicode.com
首页 > Web开发 > 详细

Jquery

时间:2016-05-16 09:24:19      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

<style type="text/css">       //样式表
#aa
{
	width:200px;
	height:200px;
}
</style>
<script src="jquery-1.11.2.min.js"></script>       //引用jQuery

  

<div id="aa" style="">hello</div>
<div class="bb">22</div>
<div class="bb">33</div>
<div class="bb">44</div>
<input type="text" name="cc" bs="dd" />

</body>
<script type="text/javascript">

//根据ID找元素,找到具体的DOM对象
var d = document.getElementById("aa");
var c = document.getElementsByClassName("bb");
var div = document.getElementsByTagName("div");
var input = document.getElementsByName("cc");

//操作内容
//1.非表单元素
d.innerHTML; d.innerTEXT;
//2.表单元素
d.value;

//操作属性
d.setAttribute("bs","pp"); //添加属性
d.getAttribute("bs");//获取属性
d.removeAttribute("bs");//移除属性

//操作样式
//d.style.color = "red";
//d.style.backgroundColor = "yellow";
//alert(d.style.width);



$(document).ready(function(e) {        //匿名函数
    
	//根据ID找元素,找出的JQUERY对象,如果要取DOM对象,取索引0的元素
	var jd = $("#aa"); //根据ID
	var jc = $(".bb"); //根据Class
	var di = $("div"); //根据标签名
	var ip = $("input[bs=dd]");//根据属性筛选,中间不能有空格
	
	for(var i=0;i<jc.length;i++)
	{
		jc.eq(i); //取数组里面的第几个JQUERY对象
	}
	
	//操作内容
	//1.非表单元素
	jd.text();  jd.text("aa");
	jd.html();  jd.html("vv");
	//2.表单元素
	jd.val();
	
	//属性操作
	jd.attr("bs","aa");//设置属性
	jd.attr("bs"); //获取属性
	jd.removeAttr("bs");//移除属性
	
	//操作样式
	jd.css("background-color","green");
	//alert(jd.css("width"));
	
	//给一个元素加事件
	/*$("#aa").click(function(){
		
		alert("aa");
		
		})*/
	//给多个元素加事件
	/*$(".bb").click(function(){
		
		alert($(this).text());
		
		})*/
		
	//给多个元素设置相同样式(属性)
	//$(".bb").css("color","pink");
	
	
	
	
});


</script>    

  

Jquery

标签:

原文地址:http://www.cnblogs.com/1116zsc/p/5496865.html

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