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

JQ设计思想?

.选择网页元素

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

.JQ写法

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

.JQ与JS关系

1.可以共存, 不能混用


这篇是选择网页元素

选择网页元素

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

示例:


2-jQuery设计思想之选择元素_第1张图片

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


2-jQuery设计思想之选择元素_第2张图片

独有表达式选择

2-jQuery设计思想之选择元素_第3张图片
第一个.png
2-jQuery设计思想之选择元素_第4张图片
最后一个.png
2-jQuery设计思想之选择元素_第5张图片
第三个.png
2-jQuery设计思想之选择元素_第6张图片
奇数行.png
2-jQuery设计思想之选择元素_第7张图片
偶数行.png

多种筛选方法

2-jQuery设计思想之选择元素_第8张图片
filter.png
2-jQuery设计思想之选择元素_第9张图片
filter.png

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

你可能感兴趣的:(2-jQuery设计思想之选择元素)