========================================================================

========================================================================

JQ选择器是那么的方便 既然如此,不如手写重温一遍~~~~ 

a[href^=http://]     选择包含以http://开头的href值的链接

div[title^=my]       匹配title特性值以my开头所有的<div>元素

a[href$=.pdf]       引用PDF文件的所有链接

div:not(li:has(a))    匹配在其后代节点里,不存在包含<a>的<li>的<div>元素  (jQuery只支持一层嵌套语句)

E[A=V]          匹配所有元素E,其特性A的值为V

E[A^=V]        匹配所有元素E,其特性A的值以V开头

E[A$=V]        匹配所有元素E,其特性A的值以V结尾

E[A*=V]        匹配所有元素E,其特性A的值为包含V

  

li a:first           所有li下,第一个a标签          

li a:last          所有li下,第一个a标签

li:first-child        每个li下第一个项

li:last-child         每个li下最后一个项

========================================================================

下面是JQ自定义筛选选择器!!  强大道无容置疑!!

:animated                              控制处于动态控制之下的元素

input[type=submit]、input[type=reset]、input[type=button]     控制不同种类的按钮

input[type=ckeckbox]                        控制复选框元素

input[type=file]                            选择所有文件元素

:contains(foo)                            只选择包含文本foo的元素

以下几个CSS所支持

:checked  只选择已选中的复选框或者单选框

:disabled  只选择在页面上禁用的表单元素

:enabled  只选择在页面上已经启动的表单元素

-------------------------------------------------------------------- 类似的太多 不依依写上去了

写几个组合筛选选择器

:checked:checked:enabled     选择已启用的已选中复选框

input:not(:checkbox)        选择非复选框<input>元素

正确写法  div p:not(:hidden)    

错误写法  div :not(p:hidden)

先到此位置吧...打完一遍 应该心中有个大概 到时候实战多查查就能玩的666了

jQuery 一些神奇的选择器写法的更多相关文章

  1. 你所不知道的 CSS 阴影技巧与细节 滚动视差?CSS 不在话下 神奇的选择器 :focus-within 当角色转换为面试官之后 NPOI 教程 - 3.2 打印相关设置 前端XSS相关整理 委托入门案例

    你所不知道的 CSS 阴影技巧与细节   关于 CSS 阴影,之前已经有写过一篇,box-shadow 与 filter:drop-shadow 详解及奇技淫巧,介绍了一些关于 box-shadow  ...

  2. 第7章 jQuery插件的使用和写法

    第7章 jQuery插件的使用和写法 插件又称扩展,是一种遵循一定规范的应用程序接口写出来的程序. 插件的编写思想基于面向对象. 获取最新的插件可以查看jquery官网:http://plugins. ...

  3. jQuery(2)——选择器

    选择器 利用jQuery选择器,可以非常便捷和快速地找出特定的DOM元素,然后为它们添加相应的行为.jQuery的行为规则都必须在获取到元素后才能生效. [jQuery选择器的优势] (1)简洁的写法 ...

  4. 前端基础-jQuery的内容之选择器

    阅读目录 ID选择器 类选择器 元素选择器 通配符选择器 层级选择器 基本筛选器 内容筛选器 可见性筛选器 属性筛选器 子元素筛选器 表单元素筛选器 表单对象筛选器 this和$(this) 一.jQ ...

  5. FastAdmin 源码分析:jQuery 含逗号的选择器

    FastAdmin 源码分析:jQuery 含逗号的选择器 在 FastAdmin 你常常会看到以下 jQuery 选择器的代码. if ($(".datetimepicker", ...

  6. jQuery入门(1)jQuery中万能的选择器

    jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...

  7. jquery笔记之属性选择器 查找以某种条件开头的页面元素

    jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]& ...

  8. 从零开始学习jQuery (二) 万能的选择器

    本系列文章导航 从零开始学习jQuery (二) 万能的选择器 一.摘要 本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显 ...

  9. JQuery事件的链式写法

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

随机推荐

  1. html传参数

    var request = { QueryString: function (paramName) { var url = window.location.search; paramValue = & ...

  2. Python之路【第二十篇】其他WEB框架

    WEB框架功能分析 WEB框架本质上,就是一个SOCKET Server WEB框架前面有WSGI或者是自己写的SOCKET,然后交给URL路由系统处理,然后交给某个函数或某个类,然后在模板里拿到模板 ...

  3. MySQL数据库命名及设计规范

    1.设计原则 1) 标准化和规范化 数据的标准化有助于消除数据库中的数据冗余.标准化有好几种形式,但 Third Normal Form(3NF)通常被认为在性能.扩展性和数据完整性方面达到了最好平衡 ...

  4. Android ListView 的基本应用,包括缓存

    class MyAdapter extends BaseAdapter {         //返回要显示的条目的数量         @Override         public int get ...

  5. windows环境下面安装Apache2.4+MySql5.7+PHP5.6

    之前学习PHP一致是只用phpStudy集成开发环境,这对于新手而言无疑是帮助极大的,因为傻瓜式安装与使用方法减少了我们很多不必要的麻烦.但是作为一名合格的PHP开发人员,掌握PHP+MySQL+Ap ...

  6. 苹果微信下载 iOS微信各版本列表

    微信在不断地更新迭代,ios微信下载点击这里立即开始(手机电脑都可以,电脑端要安装iTunes),每个版本都放出一些新的功能或修复相关错误,详情可以点击下面的版本链接进行查看.(这里有Android微 ...

  7. 【bzoj3036】绿豆蛙的归宿

    题目描述 随着新版百度空间的下线,Blog宠物绿豆蛙完成了它的使命,去寻找它新的归宿. 给出一个有向无环的连通图,起点为1终点为N,每条边都有一个长度.绿豆蛙从起点出发,走向终点.到达每一个顶点时,如 ...

  8. 进阶系列五【绝对干货】----Git教程

    一.介绍 1.1Git是什么? Git是目前世界上最先进的分布式版本控制系统.什么是版本控制系统?请自行百度. 1.2Git与SVN对比有什么特点? SVN是集中式版本控制系统.版本库是集中放在中央服 ...

  9. JS学习:第一周——NO.1预解释

    1.何为预解释? 在当前作用域下,在JS代码执行之前,浏览器会对带var和带function的进行提前声明或定义: ①带var的:只声明不定义:告诉浏览器,有这么一个变量,但是并没有赋值 ②带func ...

  10. XHR——XMLHttpRquest对象

    创建XMLHttpRequest对象 与之前众多DOM操作一样,创建XHR对象也具有兼容性问题:IE6及之前的版本使用ActiveXObject,IE7之后及其它浏览器使用XMLHttpRequest ...