常用的基本选择器:
为了后面看的方便,我们先将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()。