选择中的特殊符号:# 指示 id. 指示 class* 全选, 多选空格 后代> 子~ 兄弟+ 下一个: 子(多功能) () 函数式的过滤与查找获取 div 下的所有标题对象: $("div :header")复制代码代码如下:AAA bbb基于jQuery的AJAX和JSON的实例 中文WORD版本文档主要讲述的是基于jQuery的AJAX和JSON的实例;过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的html模板上,直接在页面上显示。有需要的朋友可以下载看看下载CCC DDD EEE FFF获取所有标题对象: $(":header")复制代码代码如下:AAA bbb CCC DDD EEE FFF获取 first, 如: $("li:first") 或 $("li").first() 或 $("ul :first") 或 $("ul li:first")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取每组的 first, 如: $("li:first-child") 或 $("ul li:first-child") 或 $("ul :first-child")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取 last, 如: $("li:last") 或 $("li").last() 或 $("ul :last") 或 $("ul li:last")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取每组的 last, 如: $("li:last-child") 或 $("ul li:last-child") 或 $("ul :last-child")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取第几个, 如(获取第三个, eq 是 0 起): $("li:eq(2)") 或 $("li").eq(2)复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取第几个之后的, 如(获取第三个之后的, gt 是 0 起): $("li:gt(2)")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取第几个之前的, 如(获取第三个之前的, lt 是 0 起): $("li:lt(2)")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取索引值是偶数的, 如(even 是 0 起): $("li:even")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取索引值是奇数的, 如(odd 是 0 起): $("li:odd")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取每组第偶数个, 如(nth-child 是 1 起): $("li:nth-child(even)")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取每组第奇数个, 如(nth-child 是 1 起): $("li:nth-child(odd)")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ获取每组第几个, 譬如第 2 个(nth-child 是 1 起): $("li:nth-child(2)")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ用表达式指示每组的第几个, 如(nth-child 是 1 起): $("li:nth-child(3n-1)")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ如果是父元素中唯一的子元素, 如: $("li:only-child")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ:not 是对其他选择的取反, 如: $("li:not(li:first-child)")复制代码代码如下:AAA bbb CCC DDD EEE FFF GGG 111 XXX YYY ZZZ
相关文章
- 如何理解自适应布局
- css盒模型是否影响性能_合理使用css减少重排
- TypeScript 中的 as number 为什么没有改变变量类型?
- 如何利用“双字节字符匹配”实现对原始文本中全角符号的动态识别
- CSS初级项目响应式页脚布局如何实现_Flex align-items justify-content对齐操作指南
- 如何使用透明背景元素有效遮挡渐变背景中的兄弟元素?
- 详细讲解React中的refs(详细教程)
- 牛腩发布系统CSS盒子模型基础_html/css_WEB-ITnose
- React 中 ref 回调为何会接收到 null 值?
- Vue如何优化性能及实战建议(路由异步懒加载、组件异步懒加载、CDN引入)
