jquery

Posted 2020-07-09 于超。

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