一、要点阐述

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. 设置韩澳大利亚sinox弄winxp清除字体和界面美观

    澳大利亚开始与汉sinox一直以为接口暗淡,字体比较模糊,否winxp光明,导致眼比较辛苦的眼睛.比方说,可能不那么黯淡刺眼,有益眼睛,但我不能忍受字体模糊.即使调整分辨率,,但是字体模糊还是没有改观 ...

  2. 漫游Kafka实战篇clientAPI

    原文地址:http://blog.csdn.net/honglei915/article/details/37697655 Kafka Producer APIs 旧版的Procuder API有两种 ...

  3. 于Eclipse在建筑cocos2d-x的Android开发环境(避免cygwin)

    于Eclipse在建筑cocos2d-x的Android开发环境(避免cygwin) 在袭击几天学习Android开发之后,我開始转向cocos2d-x的Android开发了.因为自己曾经有了解过co ...

  4. Eclipse UML小工具AmaterasUML的配置和使用

    AmaterasUML是个人认为最好用的Eclipse UML插件,能够通过拖拽Java源文件,轻松生成类图结构.同一时候支持活动图.时序图和用例图. 它的官方下载地址是:http://sourcef ...

  5. AJAX 怎样在一个UpDatePanel中刷新另一个updatePanel

    原文:AJAX 怎样在一个UpDatePanel中刷新另一个updatePanel 在页面上(.aspx)<asp:UpdatePanel ID="MyID1" runat= ...

  6. 实现双8bit数据指定的位置0要么1

    <pre name="code" class="cpp"> 方法一 #include<stdio.h> #include<math ...

  7. 关于微软公有云Azure会计标准

    前几年.中国的云计算项目往往搞成了房地产项目.大搞形"象project",没有实质性的内容.云计算老总成了房地产大老板,国内业界是在胡闹! 现今,世纪互联与微软(中国)联手搞公有云 ...

  8. iOS10收集IDFA,植入第三方广告[终结]--ADMob

    [PS: 前段时间,公司做ASO推广,需要在应用中收集IDFA值,跟广告平台做交互!于是有了这个需求--] 1.首先,考虑了一下情况(自己懒 -_-#),就直接在首页上写了一个Banner,循环加载广 ...

  9. HTML5多图片拖拽上传带进度条

    前言 昨天利用css2的clip属性实现了网页进度条觉得还不错,但是很多情况下,我们在那些时候用进度条呢,一般网页加载的时候如果有需要可以用,那么问题就来了,怎么才算整个加载完毕呢,是页面主要模块加载 ...

  10. LeetCode:same_tree题解

    一.     题目: 给定两个二叉树,编写一个函数来检查它们是否相等或为空树.假设两个二叉树被觉得是相等的,那么它们在结构上是同样的,而且随意节点具有同样的值. 二.     分析 非常easy的题目 ...