jQuery中的基本选择器,id,class,元素,通用

常用的基本选择器:

后续的补充选择器

为了后面看的方便,我们先将body中的内容展示出来:

<body>
		<p>
			账号:<input type="text" id="uname" value="zhangsan" />
		</p>
		
		<p>
			密码:<input type="password" name="" class="pwd" value="123456"/>
		</p>
		
		<p>
			确认密码:<input type="password" name="" class="pwd" value="123"/>
		</p>
	</body>

1.id选择器:

                    //获取id方式  id选择器
				var zh=$("#uname");
				//alert(zh);//[object Object]
				//alert(zh[0]);//[object HTMLInputElement]
				
				var zh1=document.getElementById("uname");
				//alert(zh1);//[object HTMLInputElement]
				//alert($(zh1));//[object Object]
				//这样就形成了jQuery和js之间的相互转换。

在这里我们也将js和jQuery之间的转化也学习了一下。

js转化成jQuery:$(操作元素)

jQuery转化成js:因为jQuery得到的对象都放在Object数组里面,我们只需要用下标获取,这种方式就是js获取对象的方式。

 

2.class选择器:

                //获取class方式  类选择器
				var pwd=$(".pwd");
				//通过jQuery方式去获取value值
				alert(pwd.eq(0).val());//123456

同样和js相同的是。选择class,也是用 .class名称   的方式获取。这里我们学习到了怎样通过jQuery去获取表单中value属性的值。用到了eq()的方法。

 

3.元素选择器:

                    //获取表单元素的 方式  元素选择器
				var inp=$("input");
				//alert(inp);//[object Object]
				var le=inp.length;
				//alert(le);//3
			
				//通过js方式去获取value值
				var va=inp[0].value;
				//alert(va);//zhangsan
				
				//通过jQuery方式去获取value值
				//alert(inp.eq(0).val());//zhangsan

和js一样获取元素也是直接写出元素的名称(表单的名称)。

 

4.通用选择器:

//获取所有(通用选择器) 改变全局颜色
$("*").css("background-color","aqua");

 

 

我们这里用到了jQuery的一种表达式:$().css()。

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值