1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > jQuery中的基本选择器 id class 元素 通用

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

时间:2021-12-02 22:07:35

相关推荐

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()。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。