锋利的jQuery初学(5)
层级选择器:
| 符号 | 解释 | 使用 |
| 空格 | 后代选择器 | $("div p").css("","") |
| + | 紧邻选择器 | $("div+p").css("","") |
| ~ | 兄弟选择器 | $("div~p").css("","") |
| > | 自带选择器 | $("div>p").css("","") |
| :eq(index) | 选择等于index索引值的元素 | |
| :odd | 选择所有奇数 | |
| :even | 选择所有偶数 | |
| :lt(index) | 选择从0开始的一个数字,选择符号大于index | |
| :gt(index) | 选择从0开始的一个数字,选择符号小于index | |
| :first | 选择第一个元素 | |
| :last | 选择最后一个元素 |
| 属性选择器 | ||
| $("a[href]") | 选择所有href属性的元素 | |
| $("a[href='http://ww.baidu.com']") | 选择所有href属性为http://www.baidu.com的元素 | |
| $("a[href!="http://www.baidu.com"]") | 选择所有href属性不为http://www.baidu.com的元素 | |
| $("a[href^=web]") | 选择所有以web开头的元素 | |
| $("a[href$=web]") | 选择所有以web结尾的元素 | |
| $("a[href*='i']") | 选择所有包含i这个字符的元素 | |
| $("a[href][title='我']") | 选择所有符合指定属性规则的元素,都符合才会被选中 | |
| .parent() | 选择父级元素 | |
| .children() | 选择子级元素 | |
| .siblings() | 选择兄弟元素 | |
| .eq(index) | 选择第index个元素 | |
| .find() | 查钊元素 |
锋利的jQuery初学(5)的更多相关文章
- 锋利的jQuery初学(4)
css选择器与jQuery选择器 css选择器 符号 说明 用法 #id 选择器 #id{} .class 类选择器 .class{} Element 标签选择器 p{} , 并集选择器 div,p{ ...
- 锋利的jQuery初学(3)
jQuery详细介绍 1,$的含义:就是一个名称符号:jquery占用了两个变量:$和jquery; 2,js与jQuery的入口函数区别 (1),js的window.onload事件是等到所有内容加 ...
- 锋利的jQuery初学(2)
js与jq事件处理程序区别: 1,事件源: document.getElementById('id'); $("#id") 2,事件: document.getElem ...
- 锋利的jQuery初学(1)
引包: 1,首先将文件放进项目里面: 2,再在项目里面进行引用jQuery; (书写方式:<script src="jquery-x.xx.1.min.js">< ...
- 锋利的jQuery学习总结
通过对<锋利的jQuery>(第二版)一书的学习,发现此书讲解通俗易懂,是学习jQuery的一本很好的指导书,特作如下总结.此书主要讲解了jQuery的常用操作,包括认识jQuery,jQ ...
- [jQuery]《锋利的jQuery》插件部分总结
/** * <锋利的jQuery>插件部分总结 * * jQuery插件推荐命名:jquery.name.js * * $.fn.extend用于封装对象方法的插件 * $.extend用 ...
- 锋利的jQuery读书笔记---选择器
前段时间入手了锋利的jQuery(第二版),想着加强下自己的js能力,可前段时间一只在熟悉Spring和Hibernate.最近抽时间开始读这本书了,随便也做了些记录. 读书的过程是边看边代码测试,所 ...
- 【锋利的jQuery】中全局事件ajaxStart、ajaxStop不执行
最近一直都在研究[锋利的jQuery],确实是一本好书,受益匪浅.但由于技术发展及版本更新等原因,里面还是有些坑需要踩的. 比如:第六章七节中提到的全局事件ajaxStart.ajaxStop照着案例 ...
- 【锋利的jQuery】表单验证插件踩坑
和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在f ...
随机推荐
- seo相关知识
网络营销菜鸟SEO入门必杀技(转载:http://blog.sina.com.cn/s/blog_5ef0fe8b0100n9cw.html) 搜索引擎优化(Search Engine Optimiz ...
- 简单gulp.js
引入相对应的文件 let gulp = require("gulp"); let inject = require("gulp-inject"); let cl ...
- MAVEN项目环境搭建
一.Maven的环境配置 apache-maven-3.5.4 Maven下载地址:http://maven.apache.org/download.cgi 选择下载 直接解压无需安装()下面配置M ...
- JQuery案例一:实现表格隔行换色
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 分页 工具类 前后台代码 Java JavaScript (ajax) 实现 讲解
[博客园cnblogs笔者m-yb原创, 转载请加本文博客链接,笔者github: https://github.com/mayangbo666,公众号aandb7,QQ群927113708]http ...
- 关于Django的网页编写
关于Django的网页编写 一. 模型 模型是Django项目的数据唯一的.权威的信息源,他包含你所存储数据的必要字段,通常每个模型对应数据库中卫衣的一张表.每一个模型都是django.db.mode ...
- 阶段01Java基础day26反射
27.01_反射(类的加载概述和加载时机) A:类的加载概述 当程序要使用某个类时,如果该类还未被加载到内存中,则系统会通过加载,连接,初始化三步来实现对这个类进行初始化. 加载 就是指将class文 ...
- Windows 10 远程桌面出现身份验证错误:要求的函数不受支持(解决)
爬梯子还是快一些,百度搜一年也搜不到~~~囧 给出原始地址,百度的某些解决方案不知道是不是截取过来搞错了还是啥,返回和原始方案就差一丢丢,浪费时间. https://windowsreport.com ...
- python的切片
切片 取一个list或tuple的部分元素是非常常见的操作.比如,一个list如下: >>> L = ['Michael', 'Sarah', 'Tracy', 'Bob', 'Ja ...
- HTML+css基础认识
标签:<div><span ...