the purpose: write less. do more   写得少，做更多

jquery 基本选择器，

　　$("p ,div ")匹配所有的P元素和DIV元素 ,

　　$("h1#chapter1")匹配id属性值为chapter1的h1的元素。

jquery 层级选择器

<body>

<h1>正确的认知是<em>非常</em>重要的!</h1>

<em>去看看吧!</em>

<body>

$("body em").css("color","red") ：现在两个em元素的内容都是红色，因为两个em都是body的后代

$("body > em").css("color","red"): 现在只有第二个em元素才会显示为红色，因为只有它是body元素的直接子元素

$("h1 > em").css("color","red") ：现在只有第一个em元素才会显示为红色，因为只有它是h1元素的子元素

$("h1 + em").css("color","red") : 现在只有第二个em 元素才会显示为红色，因为它是h1元素的相邻同辈元素

$("div ~ p").css("background-color","green") 匹配div中所有子元素为p的背景色为绿色

Jquery 属性选择器

$('h1[title]') 匹配那些指定了title属性的h1元素

$('h1[class="example"]') 匹配所有指定class属性的属性值为example的h1元素

$('span[title="note"][lang="zh-CN"]')  匹配那此span元素其title属性设置为note而lang属性设置为zh-CN

jquery 子元素过滤

E:first-child 匹配任何html元素E,但元素E必须是它的父节点的第一个子节点元素，

E:last-child  匹配任何html元素E,但元素E必须是它的父节点的最一个子节点元素

E:nth-child  匹配任何html元素E,但元素E必须是它的父节点的第n个子节点元素，$("ul li:nth-child(3)")匹配Ul元素下第3个子元素，参数可是整数负值，0 或正值

E:only-child 匹配任何html元素E,但元素E必须是它的父节点的唯一子节点元素

Jquery note的更多相关文章

  1. 抛弃jQuery：DOM API之操作元素

    原文链接:http://blog.garstasio.com/you-dont-need-jquery/dom-manipulation/ 我的Blog:http://cabbit.me/you-do ...

  2. 原生JS替代jQuery的各种方法汇总

    前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操 ...

  3. jQuery与原生JS相互转化

    前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操 ...

  4. Using The jQuery Migrate Plugin

    jQuery( html [, ownerDocument ] )Returns: jQuery Description: Creates DOM elements on the fly from t ...

  5. 原生js替换jQuery各种方法-中文版

    原文https://github.com/nefe/You-D... 原生JS与jQuery操作DOM对比 You Don't Need jQuery 前端发展很快,现代浏览器原生 API 已经足够好 ...

  6. You-Dont-Need-JQuery (你不需要JQuery)

    看完这篇文章我才觉得真的要用JQuery ,因为实在是有些地方设计的使用太复杂了, document.querySelector() 和 Document.querySelectorAll 的确是很方 ...

  7. 原生 JavaScript 代替 jQuery【转】

    目录 用原生JavaScript代替jQuery Query Selector CSS & Style DOM Manipulation Ajax Events Utilities Promi ...

  8. Understand JavaScript Callback Functions and Use Them

    In JavaScript, functions are first-class objects; that is, functions are of the type Object and they ...

  9. note.js 引用jQuery，

    1.安装jQuery npm install jquery 在自己的项目目录里面打开cmd进行安装 2.下面直接在js文件里面引用jQuery //调用jQuery来操作页面 const jsdom ...

随机推荐

  1. 在线重定义（Rdefine Table online）

    二.        概念理解 在线重定义用于对表的逻辑或者物理结构的修改,而且在修改时不影响表的可用性与传统方式相比.当一个表被重定义时,会被锁定为exclusive mode很短一段时间,这段时间的 ...

  2. JDBC数据更新

    在JDBC中通常用Statement类的对象实现对数据库的更新(增.删.查.改)操作 //1.获取数据库连接 connection = getConnection(); //2.准备sql语句 Str ...

  3. X60的BIOS白名单-黑苹果之路

    一时兴起装起了黑苹果,用了最古老的thinkpad X60.装完了才发现无线网卡是硬伤,无法驱动,只有淘了个博通的无线网卡,但商家告诉我需要搞定白名单. 于是在商家的帮助下折腾半天,终于搞定. 1.在 ...

  4. transform的使用

    *:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } ...

  5. github入门

    一.先了解 相比CVS\SVN优势: - 支持离线开发,离线Repository- 强大的分支功能,适合多个独立开发者协作- 速度快 github 本地有仓库,储存着所有repository的历史: ...

  6. 初探appium之环境搭建

    前段时间一直在折腾python的爬虫,想搞接口自动化.但是写了一个月,发现在我现在的这份的工作中根本接触不到接口.所以就想先放下来,先做点目前能够接触到的,也需要做的东西. 东西越来越多,人手不足.自 ...

  7. 学习练习 java产生6个不同的数字

    public static void main(String[] args) { Random r=new Random(); int arr[]=new int[6]; for(int i=0;i& ...

  8. mysql下的常用操作

    本文继 linux下安装mysql,记录下在工作中最常用的mysql语句 MySQL添加字段和删除字段 添加字段: alter table `user_movement_log`Add column ...

  9. 线程中CreateEvent和SetEvent及WaitForSingleObject的用法

    首先介绍CreateEvent是创建windows事件的意思,作用主要用在判断线程退出,线程锁定方面. CreateEvent 函功能描述:创建或打开一个命名的或无名的事件对象. EVENT有两种状态 ...

  10. IIS7下,flush无效,解决方案

    打开文件 C:\Windows\System32\inetsrv\config\applicationHost.config ,注意如果你的是64位系统,这个文件就必须用64位的编辑软件打开,32位的 ...