jQuery选择器整理

jQuery选择器整理+知识总结

jQuery选择器没有不会遗忘的知识,还是做个总结吧! 一.基本分类 jQuery选择器大致可以分为两类,基本选择器和过滤选择器,总体结构体系如下: 二.基本选择器基本选择器又可以分为三种,分别为 CSS选择器层级选择器表单域选择器 2.1 CSS选择器 jQuery借用一套CSS选择器,共5种. 2.1.1 标签选择器用于选择HTML页面已有的标签元素,也称元素选择器. 格式: $("element"); 例: $("div") 2.1.2 ID选择…

最使用近工作中常用到jQuery,在过滤器的使用方面生疏,所以本文整理了些有关知识点,以便于自己查找方便,或为朋友们提供方便! 一.基本选择器 $("#test") 选取id为test的元素: $(".test") 选取class为test的元素: $("p") 选取p元素: $("div , span ,p , myClass")选取所在div span 和拥有class为myClass的标签的一组元素: $("*…

jQuery选择器种类整理

选择器概念 jQuery选择器是通过标签.属性或者内容对HTML内容进行选择,选择器运行对HTML元素组或者单个元素进行操作. jQuery选择器使用$符号,等同于jquery,例如: $(“li”) = jquery(“li”) 同样等同于javascript中的:document.getElemmentsByTagName/id/class语句: 1 元素选择器 $(“P”); //选择P元素,注意P为大写: $(“ #container”); //选择id=”container”的元素:…

（jQuery知识点整理-含有选择器）

第一单元 jQuery介绍: javaScript类库 javaScript类库的出现,是为了简化javaScript的开发. javaScript类库封装了预定义的对象和使用的函数,可以帮助开发人员来建立有高难度交互的Web 2.0特性的富客户端页面,并且兼容各大浏览器, javaScript类库可以简称为JS库. …

jQuery选择器(一)

晚上闲着没事,正好用来整理下jQuery的选择器,毕竟没有总结就不算学习嘛. 首先,对事件处理.遍历DOM和Ajax操作,都依赖于选择器. 1.CSS选择器要使用某个HTML元素,就先要找到它,而css选择器比较简单,不废话,主要常用的有文档元素做选择符.ID做选择符.class做选择符,举例: 文档元素: li{ font-size:13px; } a{ text-decoration:none; } ID方式: #txtName{ font-size:13px; } Class方式: .…

jQuery选择器的分类

jQuery选择器的分类 jQuery中有很多分类,大类分为四类,四类里面又分为很多小类,下面就为大家一一介绍,这些选择器的使用和好处,Me用的是jQuery1.8.3的版本选择器都有哪四类?? 1.基本选择器都有哪些??? 基本选择器的代码.. 代码运行出来的结果.. 2.层级选择器都有哪些??? 层级选择器的代码.. 代码运行出来的结果.. 3.第三个应该是过滤选择器,由于过滤选择器分好多类,我会另写一篇为大家介绍. 4.表单选择器都有哪些??? 表单选择器的代码.. 表单选择器我都在控制…

jquery接触初级----jquery 选择器

css 选择器主要有:元素选择器,ID选择器,类选择器,群组选择器,后代选择器,普通配符选择器等,通过css选择,我们可以很方便的给元素添加样式,使网页看起来更加好看 jquery 选择器也有相似的功能,基本上完全继承了css 样式的风格. 差异: CSS选择器:查找元素,添加样式: jquery选择器:查找元素,添加行为: <!DOCTYPE html> <html lang="en"> <head> <meta charset="…

jQuery选择器（转）

原文:http://www.cnblogs.com/qinwang913/p/3444135.html 一.基本分类 jQuery选择器大致可以分为两类,基本选择器和过滤选择器,总体结构体系如下: 二.基本选择器基本选择器又可以分为三种,分别为 CSS选择器层级选择器表单域选择器 2.1 CSS选择器 jQuery借用一套CSS选择器,共5种. CSS选择器(链接:http://www.cnblogs.com/qinwang913/p/3443766.html) 2.1.1 标签选择器…

jquery选择器的实现流程简析及提高性能建议！

当我们洋洋得意的使用jquery强大的选择器功能时有没有在意过jquery的选择性能问题呢,其实要想高效的使用jquery选择器,了解其实现流程是很有必要的,那么这篇文章我就简单的讲讲其实现流程,相信会为读者的jquery优化开发提供一些小的建议. 我们知道jquery的$()函数可以传很多种参数(document.string.fn.array.number),那么jquery的init方法就会根据你传参的类型的不同进入不同的流程.其他的我们今天就不多说了,我们重点讲一下对string类型的处…

Web前端学习笔记之jQuery选择器

JQuery过滤器经过一晚上的查找整理,终于整理出一套应该算最全面的JQuery选择过滤器的方法了.所有代码均经过测试.首先HTML代码 HTML Code <html><head><script type="text/javascript" src="JQuery/jquery-1.5.1.js"></script></head><body><form name="form1…

JQuery 选择器

选择器是JQuery的根基,在JQuery中,对事件的处理,遍历DOM和AJAX操作都依赖于选择器.如果能够熟练地使用选择器,不仅能简化代码,而且还可以事半功倍. JQuery选择器的优势 1.简洁的写法例如: $("#id")用来代替 document.getElementById() 函数,就是通过id获取元素 2.支持css1 到css3 选择器通常在使用css选择器的时候,开发人员需要考虑主流的浏览器是否支持某些选择器,而在JQuery 中,开发人员可以放心的使用JQue…

jQuery的案例及必知重要的jQuery选择器

Jquery能做什么访问和操作DOM元素控制页面样式对页面事件进行处理扩展新的jQuery插件与Ajax技术完美结合 Jquery的优势体积小,压缩后只有100KB左右 l强大的选择器出色的DOM封装 l可靠的事件处理机制出色的浏览器兼容性使用隐式迭代简化编程丰富的插件支持 jQuery的知识的分解: 1.关于window.onload和$(function(){})区别解析:window.onload等待页面上所有资源(html标签,css,img,js)都加载完成后,才…

深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器前面的话选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM以及ajax操作都依赖于选择器.jQuery选择器完全继承了CSS的风格,两者的写法十分相似,只不过两者的作用效果不同.CSS选择器找到元素后添加样式,而jQuery选择器找到元素后添加行为.jQuery选择器可以分为基础选择器.层级选择器.过滤选择器和表单选择器四类.对于每类选择器,除了给出j…

jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html

我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类.注意:本节讲述的是 jQuery选择器.其中有不少选择器(但不是全部)可以在CSS样式表中使用.选择器语法有三层结构.你肯定已经见过选择器中最简单的形式.”#te st”选取id属性为”test”的元素.”bl…

《锋利的jQuery（第2版）》笔记-第2章-jQuery选择器

选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. CSS选择器 CSS是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS样式可以轻松地对某个元素添加样式而不改动HTML结构,只需要添加不同的CSS规则,就可以得到各种不同样式的网页. 要使某个样式应用于特定的HTML元素,首先就是需要先找到该元素.在CSS中,执行这一任务的表现规则成…

深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素前面的话本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的jQuery>一书中,nth-of-type()选择器参照CSS中的nth-of-type选择器,于1.9版本新增,本文将详细介绍该内容通用形式 :nth-of-type() 个人认为,:nth-of-type()选择器不应该归类于子元素选择器,也不完全等同索引选择器,因为其索引是指特定元素的索引,但…

深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器

× 目录 [1]简单属性 [2]具体属性 [3]条件属性前面的话属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选择器和条件属性选择器三种.本文将详细该部分内容简单属性选择器 [attribute] [attribute]选择器选择拥有该属性的元素,返回集合元素 //选择拥有title属性的所有元素 $('[title]') //选择拥有title属性的所有span元素 $('span[title]') //…

深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器

× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素前面的话在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为出彩的一部分.以CSS结构伪类选择器为基础,jQuery过滤选择器增加了很多扩展功能.本文先从与CSS选择器最相近的子元素过滤选择器开始说起通用形式 $(':nth-child(index)') $(':nth-child(index)')选择每个父元素的第index个子元素(index从1算起)…

jQuery-1.9.1源码分析系列（二）jQuery选择器

1.选择器结构 jQuery的选择器根据源码可以分为几块 init: function( selector, context, rootjQuery ) { ... // HANDLE: $(""), $(null), $(undefined), $(false) ... // Handle HTML strings if ( typeof selector === "string" ) { ... // HANDLE: $(DOMElement) } else i…

jQuery-1.9.1源码分析系列（二）jQuery选择器续1

在分析之前说一点题外话. ownerDocument和 documentElement的区别 ownerDocument是Node对象的一个属性,返回的是某个元素的根节点文档对象:即document对象:documentElement是Document对象的属性,返回的是文档根节点对于HTML文档来说,documentElement是<html>标签对应的Element对象,ownerDocument是document对象. 接下开始正题. 3.几个jQuery选择器源码中遇到的几个函数 a…

js jquery 选择器总结

js jquery 选择器总结一.原始JS选择器. id选择器:document.getElementById("test"); name选择器:document.getElementByName("test"); 节点选择器:document.getElementsByTagName("p"); 二.jQuery 选择器. 1.jQuery 元素选择器. id选择器:$("#test"); class选择器:$("…

二、jquery选择器

在jquery库中,可以通过选择器实现DOM元素快捷选择这一重要的核心功能. 1.选择器的优势 (1)代码更简单由于在jquery库中,封装了大量可以通过选择器直接调用的方法或函数,使编写代码更加简单轻松,简单几行代码就可以实现较为复杂的功能. (2)完善的检测机制在传统的javascript代码中,给页面中某元素设置事务时必须先找到元素,然后赋予相应的属性或时间:如果该元素在页面中不存在或被前面代码所删除,那么浏览器将提示运行出出错信息,影响后续代码的执行.因此,在javascript代码…

jquery 选择器(name,属性,元素)大全

jQuery 选择器大体上可分为:基本选择器.层次选择器.过滤选择器.表单选择器. 其中过滤选择器可以分为:简单过滤选择器.内容过滤选择器.可见性过滤选择器.属性过滤选择器.子元素过滤选择器.表单对象属性过滤选择器.选择器是jQuery最基础的东西,下面向大家介绍jquery+%D1%A1%D4%F1%C6%F7/" target="_blank">jquery 选择器的用法选择器是jQuery的核心组成部分,因为使用jQuery操作DOM时所做的每件事都和选择器密切…

在.NET中使用JQuery 选择器精确提取网页内容

1. 前言相信很多人做开发时都有过这样的需求:从网页中准确提取所需的内容.思前想后,方法无非是以下几种:(本人经验尚浅,有更好的方法还请大家指点) 1. 使用正则表达式匹配所需元素.(缺点:同类型的元素如果有不同的属性,比如<div class='first'>aaa</div><div class='last'>bbb</div>, 如果想要匹配所有div元素时,将会相当麻烦,而且容易得到不想要的结果,漏掉需要的结果.) 2. 将网页转换成XML文档,使…

我人生中的jQuery选择器

Jquery选择器一.Jquery选择器简介 JavaScript只是一种运行于客户端,可以被客户端浏览器解析的一段代码.它和java没有任何关系.JavaScript简称JS.jQuery是对JS的一个封装,市面上对JS代码进行封装了厂家不止一个二.jquery选择器的优势 1.简洁的写法,$()函数 2.支持CSS1.0到CSS3.0选择器 3.完善的处理机制三.jquery选择器详解 3.1基本选择器: Jquery选择器与css选择器基本相同,它继承了CSS选择器的语法和功能,主要…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点基本选择器层次选择器过滤选择器表单选择器第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

jquery选择器之获取父级元素、同级元素、子元素

jquery选择器之获取父级元素.同级元素.子元素一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 <div id="par_div"><a id="href_fir" href="#">href_fir</a><a id="href_sec" href="#">href_sec</a><a id=&q…

jquery选择器总结转自（永远的麦子）

jQuery选择器总结阅读目录 1, 基本选择器? 2, 层次选择器? 3, 过滤选择器? 4, 表单选择器? jQuery选择器共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器.下边就来分别总结一下. 回到顶部 1, 基本选择器? 基本选择器就是jQuery中最常用的选择器,也是最简单的选择器,它通过元素标签名,元素Id,Class来查找DOM元素.基本选择器共有五种,总结如下: 选择器返回示例元素标签选择器集合元素 $(“p”)选取所有的<p>元素. Id选择器…

jQuery选择器。 5.21 《深夜还在编码的你》

(之所以字体弄那么大是因为省眼,程序员不容易,程序员的眼睛更不容易,请保护我们的眼睛) 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器. 熟练地使用选择器,不但能简化代码,而且能够事半功倍. jQuery选择器可通过CSS选择器.条件过滤两种方式获取元素. 可以通过CSS选择器语法规则获取元素的jQuery选择器包括基本选择器.层次选择器和属性选择器: 可以通过条件过滤选取元素的jQuery选择器包括基本过滤选择器和可见性过滤选择器. jQuer…

精通jQuery选择器

虽然jQuery上手简单,相比于其他库学习起来较为简单,但是要全面掌握,却不轻松.因为它涉及到网页开发的方方面面,提供的方法和内部变化有上千种之多.初学者常常感到,入门很方便,提高很困难.本文的目标是将jQuery选择器做一个系统的梳理,试图理清jQuery的设计思想,找出学习的脉络,使读者从入门到精通. jQuery是什么简单的说,jQuery是一个JavaScript框架,它的宗旨是:写更少的代码,做更多的事情.对于Web开发人员而言,jQuery是一个功能强大的JavaScript库,能…

【jQuery选择器整理】的更多相关文章