javascript代码实例教程-Jquery的学习(三)选择器

发布时间:2019-01-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Jquery的学习(三)选择器脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

1.jquery中最重要的就是选择器了。

学习要点:
1.简单选择器
2.进阶选择器
3.高级选择器


①简单选择器。

最简单的也就是最常用的,最常用的一般也是最简单的。

在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象。随后,我们就可以对这个获取到的 DOM 节点进行行为操作了。


#box {
//使用 ID 选择器的 CSS 规则
color:red;
//将 ID 为 box 的元素字体颜色变红
}


在 jQuery 选择器里,我们使用如下的方式获取同样的结果:


$('#box').css('color', 'red');
//获取 DOM 节点对象,并添加行为


javascript代码实例教程-Jquery的学习(三)选择器


<"/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+ICAgICC+r7jmo7rT0Lj2zsrM4szYsfDSqtei0uKjrElEINTa0rPD5ta71MrQ7bP2z9bSu7TOo6zO0sPH0ruw47a8ysfSqsfzv6q3otXf0qrX8crYus2xo7PW1eK49rnm1PKho7WryOe5+8Tj1NrSs8Pm1tCz9s/WyP20zqOsSQLH0tTaiENTUyDKudPD0fnKvaOSXMfDtNXiyP249tSqy9i7ubvh1rTQ0NCnufuho7WryOe5+6OsxOPP69TaIGPRdWVyeSDV4sO0yKXX9qOsXMfDtL7Nu+HT9rW9yqfD97XEzsrM4qGjy/nS1KOsv6q3otXfsdjQ69H4s8nBvLrDtcTX8crYz7C536Os1NrSu7j20rPD5r32yrnTw9K7uPYgSUShozwvcD4KPHA+PGJyPgogICAgICAgICAgJCg="#box').css('color', 'red');
//只有第一个 ID 变红,后面两个失明



②进阶选择器

javascript代码实例教程-Jquery的学习(三)选择器

③高级选择器

javascript代码实例教程-Jquery的学习(三)选择器


觉得可用,就经常来吧! 脚本宝典 欢迎评论哦!&nbsp;js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Jquery的学习(三)选择器全部内容,希望文章能够帮你解决javascript代码实例教程-Jquery的学习(三)选择器所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。