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. nyoj 68 三点顺序

    点击打开链接 三点顺序 时间限制:1000 ms  |  内存限制:65535 KB 难度:3 描述 现在给你不共线的三个点A,B,C的坐标,它们一定能组成一个三角形,现在让你判断A,B,C是顺时针给 ...

  2. java static 方法使用笔记

    有入参的static方法,可以正常使用 static的作用是申明:这是类的静态方法,什么时候都可以调用,可以传入入参,也可以不传. 上代码: 1.带静态方法的类: public class MakeP ...

  3. 十步让 WebForm项目 变为 Mvc项目

    1.创建一个项目名为 App_Asp 的 Asp.NET 空 Web 应用程序2.添加全局应用程序类 Global.asax3.富文本打开 Global,修改 Inherits 为 App_Asp_G ...

  4. VirtualBox 使用

    安装: # pacman -S virtualbox 配置: 使用时加载vboxdrv模块:#modprobe vboxdrv (或者设置开机加载:1.建立文件“/etc/modules-load.d ...

  5. php分享表单提交到本页的实例

    我们在做表单提交时,一般都要设置表单的action属性,改属性用于指定表单提交到服务器上的哪个页面进行处理,但为空时,表示提交到本页进行处理,即提交给自己.本文章向大家分享表单提交给本页的实例. 实例 ...

  6. 项目积累——js应用

    //解决由前台向后台传值中文乱码的问题 encodeURI($("#xmjhbgFile").val())//前台JS中数据加码 String fjmc = java.net.UR ...

  7. 在 WPF 程序中使用 MVVM 模式

    MVVM 模式是一个很久之前的技术了,最近因为一个项目的原因,需要使用 WPF 技术,所以,重新翻出来从前的一段程序,重温一下当年的技术. MVVM 模式 MVVM 实际上涉及三个部分,Model, ...

  8. 剑指Offer:面试题4——替换空格（java实现）

    问题描述:请实现一个函数,把字符串中的每个空格替换成"%20". 例如: 输入:"We are happy." 输出:"We%20are%20happ ...

  9. 纯CSS最小响应网格布局

    lemonade.css是一个超级小的CSS可以帮助你创建一个完全响应和灵活自如的网格布局,包括所需网页的头部. 样式链接 <link rel= href=> HTML结构这样创建一个多列 ...

  10. 生成Excel直接以流或字节形式发给客户端，无需在服务生成一个实体文件。

    public ActionResult ExportAgentBooking(string Company_Id, string Company_Name)//Altman.Web.BCDAdmin. ...