jQuery 练习[二] jquery 对象选择器(1)

 新葡亰编程     |      2020-01-16

如上代码,是个手机版的登录界面,用 weui 样式做的,出现如代码中描述的问题。但是把 label 换成 span 就解决了。

<div class="class1">
<div id="id1">111</div>
<div id="id2"><span>222</span></div>
<div id="id3"><label>333</label></div>
<span>444</span><br/>
<span>555</span>
</div>

<div class="weui-cell"> <div class="weui-cell__hd"> <label class="weui-label"> 这里有个图片,图片有个 onclick 事件,但是不会触发。 </label> </div> </div>

图片 1

<div id="div1">AAA</div>
<div id="div2">BBB</div>
<div id="div3">CCC</div>

根据标签选择, 如: $("span")

复制代码 代码如下:

根据样式的类名选择, 如: $(".class1")

button2

<div class="class1">
<div id="id1">111</div>
<div id="id2"><span>222</span></div>
<div id="id3"><label>333</label></div>
<span>444</span><br/>
<span>555</span>
</div>

复制代码 代码如下:

id 选择(通过 id 只能选择一个对象), 如: $("#div2") 复制代码 代码如下: div id="div1"AAA/div div id="div2"BBB/div div id="div3"CCC/div 根据标签选择, 如...

文章图片所用的测试工具下载地址 JavaScriptTest2.rar

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

可分层选择, 如: $(".class1 div label")

可混合使用, 如(复制代码):

复制代码 代码如下:

只从子层中选择, 如: $(".class1 > span"); 如果没有中间的 > 会选择其下的所有符合条件的子孙对象

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

上一篇:Python使用中错误(持续更新.....) 下一篇:没有了