2-jQuery设计思想之选择元素

JQ设计思想?

.选择网页元素

1.模拟css选择元素
2.独有表达式选择
3.多种筛选方法

.JQ写法

1.方法函数化
2.链式操作
3.取值赋值合体

.JQ与JS关系

1.可以共存, 不能混用

这篇是选择网页元素

选择网页元素

三种获取元素方法
$('#div1') // id获取
$('div') // 标签获取
$('box') // class获取

示例:


可以直接选择一组操作, 不用循环


独有表达式选择

第一个.png
最后一个.png
第三个.png
奇数行.png
偶数行.png

多种筛选方法

filter.png
filter.png

还有很多筛选方法, 后边会讲到

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery(m)
    jQuery基础 什么是JQ？一个优秀的JS库，大型开发必备JQ的好处？一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 956评论 0赞 2
  • 2.jQuery学习笔记第二节/Jq的设计思想之选择元素
    jQuery学习笔记第二节/Jq的设计思想之选择元素 1.jQuery的设计思想 选择网页元素模拟 CSS 选择符...
    iplaycodex阅读 555评论 0赞 2
  • JQ
    通过jQuery，您可以选取（查询，query）HTML元素，并对它们执行“操作”（actions）。 jQuer...
    枇杷树8824阅读 671评论 0赞 3
  • jQuery学习第一节
    一.jQury的引入 jQuery的优势 轻量级 强大的选择器 出色的DOM操作 可靠的事件处理机制 完善的Aja...
    空谷悠阅读 546评论 0赞 2
  • HeroCross新品放送：机械战警
    来自同名电影的机械战警加盟HeroCross！ 机械战警是头脑和机械完美的结合，拥有与邪恶战斗到底的意志，是底特律...
    小白世纪阅读 725评论 0赞 1