一、要点阐述

1,jQuery创建于2006年1月的一个开源项目,强调理念是“write less,do more”,压缩后大小30KB左右。、

2,jQuery里的方法都被设计程自动操作对象集合,而非单独的对象。

3,jq对象是jq对DOM对象进行包装后产生的对象,是一个类似数组的对象,可用[0]get(0)方法转成DOM对象。

二、jQuery和其他js库的冲突解决

//jq库在其他库之前导入时需调用noConflict()
方式1(jQuery代替$):
jQuery.noConflict(); //把$的控制权交给其他库。
jQuery(function(){...}); 方式2($xhh代替$):
var $xhh = jQuery.noConflict();
$xhh(function(){...}); 方式3(仍用$):
jQuery.noConflict();
jQuery(function($){...}); 方式4(仍用$):
jQuery.noConflict();
(function($){
$(function(){...});
}){jQuery}; //jq库在其他库之后导入,用jQuery代替$
jQuery(function(){...});

三、jQuery选择器

1,基本选择器和层次选择器

//基本选择器
$("#id")
$(".classname")
$("p")
$("*") //选取所有
$("#id,.classname,p") //选取多个 //层次选择器
$("div span") //div的所有span后代
$("div>span") //div的子元素span
$("div+span") //等同于$("div").next("span")
$("div~span") //等同于$("div").nextAll("span"),注意区分.siblings()

2,过滤选择器

//基本过滤
:first/:last //等同于:eq(0)/:eq(len-1)
:not(selector)/:has(selector)
:even/:odd
:eq(index)/:gt(index)/:lt(index) //index从0开始 //子元素过滤,需和父级元素空格开使用
:nth-child(index/even/odd)
:first-child/:last-child
:only-child //选取其唯一的子元素 //内容过滤
:contains("xxx") //包含有“xxx”的文本内容的元素
:empty/:parent //包括子元素的、不包括子元素的 //表现形式过滤
:header //h1,h2,h3...标签
:animated
:focus //当前获取焦点的元素
:hidden //包括<input type="hidden">,"display:none","visibility:hidden"
:visible //属性过滤
div[id]
div[class=classname]
div[class!=classname]
div[title^=value] //属性以value开始的div
div[title$=value] //属性以value结束的div
div[title*=value] //属性中含有value的div
div[attribute1][attribute2]... //多个属性过滤

3,表单选择器和对应的过滤

表单选择器
:input //所有表单的元素,包括input,select,button...
//以下是选择对应type属性的表单元素
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden //比较特殊,选择的是包括表单外的所有不可见元素 表单过滤
:enabled/:disabled
:checked
:selected

4,jq常用的选择方法

filter(selector) //对本身进行筛选
find(selector) //在后代中筛选

【学习笔记】锋利的jQuery(一)选择器的更多相关文章

  1. Java程序猿的JavaScript学习笔记(8——jQuery选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  2. Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  3. Java程序猿的JavaScript学习笔记(9—— jQuery工具方法)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  4. jquery源码学习笔记三:jQuery工厂剖析

    jquery源码学习笔记二:jQuery工厂 jquery源码学习笔记一:总体结构 上两篇说过,query的核心是一个jQuery工厂.其代码如下 function( window, noGlobal ...

  5. Object C学习笔记17-动态判断和选择器

    当时学习Object C的时被人鄙视了一顿,说使用.NET的思想来学Object C就是狗屎:不过也挺感谢这位仁兄的,这让我学习的时候更加的谨慎.今天的学习笔记主要记录Object C中的动态类型相关 ...

  6. JQuery学习笔记系列(一)----选择器详解

    笔者好长时间没有更新过博客园的笔记了,一部分原因是去年刚刚开始工作一段时间忙碌的加班,体会了一种每天加班到凌晨的充实感,之后闲暇时间了也因为自己懒惰没有坚持记笔记的习惯,现在重新拾起来. 借用古人的一 ...

  7. jQuery学习笔记(一)——基础选择器、过滤选择器、表单选择器

    $()就是jQuery中的函数,它的功能是获得()中指定的标签元素.如演示样例中$("p")会得到一组P标签元素,当中"p"表示CSS中的标签选择器.$()中的 ...

  8. jQuery学习笔记(三):选择器总结

    这一节详细的总结jQuery选择器. 一.基础选择器 $('#info'); // 选择id为info的元素,id为document中是唯一的,因此可以通过该选择器获取唯一的指定元素$('.infoC ...

  9. python 学习笔记十四 jQuery案例详解(进阶篇)

    1.选择器和筛选器 案例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  10. HTML+CSS学习笔记(8)- CSS选择器

    标签:HTML+CSS 什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是"选择器","选择器"指 ...

随机推荐

  1. 零基Github Page个人博客建立教程无限的自由流动

    本文介绍了什么是Github Page.以及如何使用Github Page搭建一个免费的.无限流量的个人博客并绑定独立域名. 一.前言 1.1 为什么要用Github Page搭建博客 借用阮一峰老大 ...

  2. leetcode 之 Unique Paths

    Unique Paths A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagra ...

  3. Ubuntu Server 14.04 LTS(64bit)已安装 weblogic Server 12c(12.1.3) Zip Distribution

    这里说的对Ubuntu Server 14.04 LTS(64bit)已安装weblogic Server 12c(12.1.3) Zip Distribution遇到的问题.至于Windows什么好 ...

  4. jquery.validate1.13

    jquery.validate新的写法(jquery.validate1.13.js) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...

  5. HDU 2616 Kill the monster (暴力搜索 || 终极全阵列暴力)

    主题链接:HDU 2616 Kill the monster 意甲冠军:有N技能比赛HP有M怪物,技能(A,M),能伤害为A.当怪兽HP<=M时伤害为2*A. 求打死怪兽(HP<=0)用的 ...

  6. Android锁定EditText内容和随机生成验证码

    昨天写了个小Demo,实现了随机生成验证码,和锁定EditText两个小功能,先看一下效果图: 锁定EditText在我们不须要用户编辑EditText内容的时候能够用到,实现还是非常easy的,一行 ...

  7. 严重:IOException while loading persisted sessions:java.io.EOFException.

    1.错误叙述性说明 严重:IOException while loading persisted sessions:java.io.EOFException. java.io.EOFException ...

  8. CSS3+HTML5特效1 - 上下滑动效果

    先看看效果,把鼠标移上去看看. back front 1. 本实例需要以下元素: a. 外容器 box b. 内容器 border c. 默认显示内容 front d. 滑动内容 back 2. 外容 ...

  9. 网站静态化处理—web前端优化—中(12)

    网站静态化处理—web前端优化—中(12) Web前端很多优化原则都是从如何提升网络通讯效率的角度提出的,但是这些原则使用的时候还是有很多陷阱在里面,如果我们不能深入理解这些优化原则背后所隐藏的技术原 ...

  10. Pki原则

    核心提示: 公开密钥和公开密钥证明书,产生的私钥client要么server证书.加密的公共密钥才能解密私钥文件只.私钥只能解密公开的加密文件.公众认为,它是开放的.所有的人都能够得到它.私人还表明, ...