Jquery选择器总结二

【Jquery选择器总结二】的更多相关文章

锋利的jQuery ——jQuery选择器（二）

一.jQuery选择器 1)CSS选择器 CSS选择器有:1>标签选择器 E{CSS规则} 2>ID选择器 #ID{CSS规则} 3>类选择器 E.className{CSS规则} 4>群组选择器 E1,E2,E3{CSS规则} 5>后代选择器 E F{CSS选择器} 6>通配符选择器 *{CSS规则} 这六大类CSS选择器几乎所有浏览器都支持. 还有 1)伪类选择器 2)子选择器 E>F{ } 3)临近选择器 E+F{CSS…

Jquery选择器总结二

简单选择器 1.:firstè选出匹配的元素中的第一个 2.:lastè选出匹配的元素中的最后一个 3.:eq(index)è选出匹配的元素中的指定索引位置的jquery对象(注:index从0开始) 4.:lt(index)è选出匹配元素中索引小于指定索引的对象 5.:gt(index) è选出匹配元素中的索引大于指定索引的对象 6.:evenè选出匹配元素中的索引为偶数的对象,即第奇数个 7.:oddè选出匹配元素中的索引为奇数的对象,即第偶数个表单选择器 1.:inputè匹配所有inp…

jQuery选择器（二）

jQuery中有"过滤选择器",通过特定的规则来筛选出所需的DOM元素,都是以(:)开头的. $("div:first")//选取出所有<div>元素中第一个<div>元素 $("div:last")//选取出所有<div>元素中最后一个<div>元素 $(":header");//选取网页中的所有的<h1>等标题元素 $("input:not(.class…

揭开jQuery的面纱－jQuery选择器简介(二）

选择器并没有一个固定的定义,在某种程度上说,jQuery的选择器和样式表中的选择器十分相似.选择器具有如下特点: 1．简化代码的编写 2．隐式迭代 3．无须判断对象是否存在 “$”是选择器不可缺少的部分,在jQuery库中,$就是jQuery的一个简写形式,比如$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的.如果没有特别说明,可以把程序中的$符号都理解为jQuery的简写形式. 根据选择器的功能习惯将选择器进行…

jQuery基础学习(二)—jQuery选择器

一.jQuery基本选择器 1.CSS选择器在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器语法描述示例标签选择器 E { CSS规则 } 以文档元素为选择符 ID选择器 #ID{ CSS规则 } 以ID为选择符类选择器 E.className{ CSS规则 } 以文档元素的Class为选择符群组选择器 E1,E2{ …

jQuery（二）：jQuery选择器

jQuery选择器类似于CSS选择器,用来选取网页中的元素.例如: $("h3").css("background-color","red"); 说明: 获取并设置网页中所有<h3>元素的背景色. “h3”为选择器语法,必须放在$()中. $("h3")返回jQuery对象. 一.jQuery选择器 jQuery选择器功能强大,种类也很多,分类如下: 1.类CSS选择器基本选择器层次选择器属性选择器 2.过滤…

第71天：jQuery基本选择器（二）

jQuery选择器一.内容过滤选择器选择器描述返回示例 :contains(text) 匹配含有文本内容text的元素集合元素 $(“p:contains(今天)”) :empty 匹配不含子元素或文本元素的空元素集合元素 $(“p:empty”) :has(selector) 匹配包含selector元素的元素集合元素 $(“div:has(span)”) :parent 匹配含有子元素或文本的元素集合元素 $(“div:parent”) 二.可见性过滤选择器选择器…

jQuery学习之二 jQuery选择器

一.jQuery选择器是什么1.CSS选择器2.jQuery选择器二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制传统js选择器假如要操作的元素不存在会报错,jq不会,避免了判断存在操作的麻烦当需要使用jq判断某个元素在网页上是否存在时不能用 if($('#id')){ xxx }; 要使用if($('#id').length > 0){ xxx }; 或先转化成DOM再判断if($('#id')[0]){ xxx }; 三.jQu…

jQuery选择器与过滤器(二)

一.jQuery选择器1.基本选择器:所有选择器 *标签选择器标签名ID选择器 #ID类选择器 .className组合选择器 selector1,selector2 多个选择器使用逗号分割,多个选择器选择的元素均选中嵌套选择器 selector1 selector2 多个选择器共同使用,在select1中再选择selector2元素 2.层次选择器a.后代选择器 selector1 selector2 [选择后代元素]…

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…

二、jquery选择器

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

jquery选择器（原创）<二>

jquery选择器,选择接着学: 前面学习了基本选择器中的CSS选择器,现在学层级选择器: 1.子元素选择器子元素选择器,用于在给定的父元素下,查找这个父元素下面的所有的子元素,语法格式,如下: $("parent>child") 其中,参数parent是任意有效的选择器:child也是一个选择器,并且它是第一个选择器的子元素,用于筛选子元素.两个参数之间,用“>”分隔: <!DOCTYPE html> <html xmlns="http://…

jQuery系列（二）：jQuery的选择器

css中的选择器有:…

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

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

js jquery 选择器总结

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

我人生中的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中DOM操作

目录 DOM操作分类 jQuery中的各种DOM操作查找节点创建节点删除节点复制节点替换节点包裹节点属性操作样式操作对HTML.文本和值的操作遍历节点 CSS-DOM操作小结本篇主要介绍DOM操作,在说DOM操作之前,首先我们应该熟悉DOM树,以一个例子为例来说明DOM树.首先看这段HTML代码.(本文后面的代码如果没有特别指出,都是针对下述HTML代码进行操作) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi…

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

转：JQuery选择器

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率.本文配合截图.代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(fu…

jQuery选择器和选取方法

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

jquery选择器效率优化问题

jquery选择器效率优化问题 jquery选择器固然强大,但是使用不当回导致效率问题: 1.要养成将jQuery对象缓存进变量的习惯 //不好的写法 $('#btn').bind("click",function() {}); $('#btn').css("border","1px solid red"); $("#btn").css("background-color","green&qu…

jQuery选择器大全(48个代码片段+21幅图演示)

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率.本文配合截图.代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(fu…

jQuery选择器(适合初学者哟....)

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率.本文配合截图.代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(func…

jQuery选择器部分知识点总结

一.jQuery选择器的优势 1.使用CSS选择器时,开发人员需要考虑主流浏览器是否支持某些选择器,而在jQuery中,开发人员则可以放心的使用jQuery选择器而无需考虑浏览器是否支持这些选择器. 2.使用getElementById()和getElementByTagName()函数获取页面中不存在的元素时会报错,但是使用jQuery获取网页中不存在的元素时不会报错. 注意:$("#tt")获取的是对象,即使网页中没有此元素. 所以当要用jQuery检测某个元素在网页中是否存在的时…

jQuery简介以及jQuery选择器

一简介 1 定义:jQuery库是JavaScript的封装库 2 优点: 1) : 代码开源 2) : 选择器强大 3) : 完善的Ajax 4) : 浏览器兼容性高 5) : 文档完善(帮助文档多并且完善) 6) : 链式操作 7) : 轻量级(库的大小较小) 8) : 行为层与结构层分离 9) : 事件兼容性强大 10) : dom操作封装出色 11) : 隐式迭代(不需显示的写循环) 12) : 不污染顶级变量(采用闭包) 13) : 插件丰富 3 使用 <script type=&quo…

jQuery选择器之详述

jQuery选择器一. 单词小计 Pervious 上一页sibling 同级first 第一last 最后not 不 Even 偶数 odd 奇数 header 页眉一．jQuery选择器概述选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了CSS的风格.利用jQuery选择器,可以非常便捷的找出特定的DOM元素,然后为…

jquery选择器之获取父级元素、同级元素、子元素 - yes的日志 - 网易博客

body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;}…