首页 > 代码库 > Jquary入门（ 修改内容）

Jquary入门（ 修改内容）

2024-08-30 11:05:03   219人阅读

1. 使用JQ时需要先引用 JQ 包； 其他的JQ代码 需要写在 引用标签的下面如下图[基本格式]

技术分享

2.ＪＱ中得查找方法　　　找出来的　都是ＪＱＵＡＲＹ对象（数组形式存在）　　　０号索引位置　　为　　ｄｏｍ对象　

找元素,Jquery对象
		var b = $("#aa"); //根据ID找
		alert(b[0]);
		
		var b = $(".aa"); //根据class找
		alert(b[1]); //找到的是DOM对象
		alert(b.eq(1)); //找到的是Jquery对象
		
		var b = $("div"); //根据标签名找
		alert(b[0]);
		
		var b = $("[id=‘aa‘]"); //根据属性找
		alert(b[0]);

３.JQ 操作内容

			非表单元素
			b.html(); //操作元素里面的HTML代码
                                          b.html("<span style=‘color:red‘>文字</span>");
			b.text(); //操作元素里面的文本
                                          b.text("文字");
			    
			表单元素 （添加value值）
			b.val("hello");

4.　操作属性

			设置属性
			b.attr("bs","test");
			获取属性
			alert(b.attr("aa"));
			移除属性
			b.removeAttr("aa");
			checkbox 属性  使用下面的修改方式 避免重复（因为原文中有默认属性）
			b.prop("checked",false);

5.ＪＱ的　方法可以获取内嵌中的样式（JS操作 只可以获取 内联中的样式）

	    
           设置内嵌中样式： b.css("background-color","red");
	 获取内嵌中得样式：alert(b.css("width"));
	                             alert(b.css("background-color"));

　　

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

　　

 

Jquary入门（ 修改内容）


联系
我们