【学习笔记】锋利的jQuery(一)选择器
一、要点阐述
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(一)选择器的更多相关文章
- Java程序猿的JavaScript学习笔记(8——jQuery选择器)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿的JavaScript学习笔记(9—— jQuery工具方法)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- jquery源码学习笔记三:jQuery工厂剖析
jquery源码学习笔记二:jQuery工厂 jquery源码学习笔记一:总体结构 上两篇说过,query的核心是一个jQuery工厂.其代码如下 function( window, noGlobal ...
- Object C学习笔记17-动态判断和选择器
当时学习Object C的时被人鄙视了一顿,说使用.NET的思想来学Object C就是狗屎:不过也挺感谢这位仁兄的,这让我学习的时候更加的谨慎.今天的学习笔记主要记录Object C中的动态类型相关 ...
- JQuery学习笔记系列(一)----选择器详解
笔者好长时间没有更新过博客园的笔记了,一部分原因是去年刚刚开始工作一段时间忙碌的加班,体会了一种每天加班到凌晨的充实感,之后闲暇时间了也因为自己懒惰没有坚持记笔记的习惯,现在重新拾起来. 借用古人的一 ...
- jQuery学习笔记(一)——基础选择器、过滤选择器、表单选择器
$()就是jQuery中的函数,它的功能是获得()中指定的标签元素.如演示样例中$("p")会得到一组P标签元素,当中"p"表示CSS中的标签选择器.$()中的 ...
- jQuery学习笔记(三):选择器总结
这一节详细的总结jQuery选择器. 一.基础选择器 $('#info'); // 选择id为info的元素,id为document中是唯一的,因此可以通过该选择器获取唯一的指定元素$('.infoC ...
- python 学习笔记十四 jQuery案例详解(进阶篇)
1.选择器和筛选器 案例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- HTML+CSS学习笔记(8)- CSS选择器
标签:HTML+CSS 什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是"选择器","选择器"指 ...
随机推荐
- Linux网络编程——连接和面向连接的协议之间没有区别
网络编程中最重要的概念就是连接取向(connection-oriented)和无连接(connectionless)协议.虽然本质.两者之间的区别是不难理解,编程的人来说,却是个非常easy混淆的问题 ...
- MySQL Scale Out
原文:MySQL Scale Out 简介 MySQL复制中较常见的复制架构有“一主一从”.“一主多从”.“双主”.“多级复制”和“多主环形机构”等,见下图: 最常用,也最灵活的就要数“一主多从”复制 ...
- 管道通信(使用popen和pclose功能简单的控制管道)
函数原型: FILE *popen(const char * command ,const char *mode) int pclose(FILE * stream) 当心: 采用popen和pclo ...
- AMR音频文件格式分析
AMR音频文件格式分析 1 概要 如今非常多智能手机都支持多媒体功能,特别是音频和视频播放功能,而AMR文件格式是手机端普遍支持的音频文件格式.AMR,全称是:Adaptive Multi-Rate, ...
- MyEclipse2014 设备 checkstyle、PMD、findbugs 最简单的方法 详细说明
最近的实验需要的代码审查和应用程序性能优化.在需求MyEclipse安装某些插件,由于如今的MyEclipse版本号和大多数教程的不一样了,一些安装选项也已经改变,所以安装起来非常费事,通过不断的尝试 ...
- HDU 2616 Kill the monster (暴力搜索 || 终极全阵列暴力)
主题链接:HDU 2616 Kill the monster 意甲冠军:有N技能比赛HP有M怪物,技能(A,M),能伤害为A.当怪兽HP<=M时伤害为2*A. 求打死怪兽(HP<=0)用的 ...
- 找呀志_使用SQLiteDatabase增删改提供的搜索方法和事务
知识具体解释:http://blog.csdn.net/zhaoyazhi2129/article/details/9026093 MainActivity.java,User.java,BaseDa ...
- js 利用iframe和location.hash跨域解决的方法,java图片上传回调JS函数跨域
奶奶的:折腾了我二天,最终攻克了!网上有非常多样例. 但跟我的都不太一样,费话不多说了,上图 上代码: IE ,firefix,chrome 測试通过 js :这个主页面,部分代码, functi ...
- hdu 3874
求一个序列中全部数字的和,当中数值同样的仅仅能计算一次. 先储存全部的请求,然后依照它们的右边界排序,在查询的同一时候更新区间.这里事实上有一点点DP的味道,在它进行某个查询之前,保证全部的反复数字( ...
- CocoaPods 建立私有仓库
CocoaPods是iOS,Mac下优秀的第三方包管理工具,类似于java的maven,给我们项目管理带来了极大的方便. [个人或公司在开发过程中,会积累很多可以复用的代码包,有些我们不想开源,又想像 ...