jquery 选择器部分整理

jquery 选择器部分整理的相关文章

• 
  jQuery 选择器理解

  标签：Web开发

  $的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): ----凡是运用$,其返回值是一个object $("标签名"),如$("p")是选取了所有的p标签节点 $("#id名"),如$("#test")是选取了id为test的标签节点 $(".class名"),如$(".test")是选取了所有class为test的标签...[ 查看全文 ]

  轩宇血

  01
• 
  Jquery选择器 $实现原理

  标签：Web开发

  但由于工作的原因，很久不曾做过网站项目了，也没有时间去好好研究Jquery的源码，这个疑问也一直没有得到解决了， 今天，空闲之余，打开Jquery的源码看看，才明天它实现的原理，原来在加入jquery的js这个文件时，实际上是执行了一个函数，在这个函数里己经初始化了$和JQuery变量, 实现这个功能源码如下(代码已删减和更改，并不影响说明实现原理): 代码如下: (function() { var // Will speed up referen...[ 查看全文 ]

  塔拉之心

  11
• 
  jQuery入门[2]－选择器

  标签：Web开发

  jQuery之所以令人爱不释手，在于其强大的选择器表达式令DOM操作优雅而艺术。 jQuery的选择符支持id,tagName,css1-3 expressions,XPath，参见： http://docs.jquery.com/Selectors DEMO: Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&nb...[ 查看全文 ]

  Hg无知少男

  21
• 
  jquery CSS选择器笔记

  标签：Web开发

  去年我学jQuery的时候，曾经做过一点选择器（selector）的笔记。 这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。 笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 序号选择器含义1. * 通用元素选择器，匹...[ 查看全文 ]

  寻求好心人914

  21
• 
  jQuery Selector选择器小结

  标签：Web开发

  //jQuery 选择器 $ //$(expression,[context]) return jQuery //Unit One //expression 之 CSS 定义符 就是以CSS语法表示所要选择的元素 // $("*"); // 表示页面所有元素标签 // $("th, td") // 表示所有thtd元素标签 // $("a") // 表示所有a元素标签 // $("div#onlydiv"); // 表示CSS选择中id=onlyidv的元素 $("#ID")为全文档匹配 // $("#rating"); // 表示id=rating的元素 // $("#orderedlist li...[ 查看全文 ]

  京_龍哥

  101
• 
  jQuery 树形结构的选择器

  标签：Web开发

  DOM结构其实也是一种树形结构，jQuery提供的树形选择器可以用来选择DOM Tree里的节点。这些树形选择器的方法包括：children(), parent(), parents(), next(), prev(), siblings(). 选择某个元素的"孩子" - children() 代码如下： ul id="parent" li id="son1"第一列/li li id="son2"第二列/li li id="son3"第三列/li /ul $("#parent").children().length //得到所有的”孩子“(li)的个数，“3” $...[ 查看全文 ]

  听说名字长的拽

  451
• 
  JQuery 选择器 xpath 语法应用

  标签：Web开发

  比如下面html代码 代码如下： ul li title="ttt"li-1/li lili-2/li li title="fffff"li-2/li /ul div title="ttt"li-1/div divli-2/div div title="fffff"li-2/div 第一种根据属性选择E[@attr] $("[@title]").click().......... 即选择所有元素内 属性带有title的元素 即 li title="ttt"li-1/li li title="fffff"li-2/li div title="ttt"li-1/div div title="fffff"li-2/div $("di...[ 查看全文 ]

  象牙塔的眺望

  101
• 
  jQuery温习篇 强大的JQuery选择器

  标签：Web开发

  在jQuery出世以来，它取得很大的成就和认同。JQuery是一个轻量级的JavaScript框架，它的发布版很小仅16K左右。它能让你方便简洁的写出漂亮的动画效果、实现各种视觉效果，轻松的处理JavaScript的DOM数以及Ajax的交互行为。它的优点在于轻量级、简单易学、易扩展、跨浏览器和网上拥有大量的jQuery插件使用。由于它这一大堆的优点，它已经被微软官方认可加入VS IDE中拥有强大的智能提示，并据官方的统计现在至...[ 查看全文 ]

  maomaoyu卟大

  11
• 
  跟着Jquery API学Jquery之一 选择器

  标签：Web开发

  有了Jquery的选择器，吃饭饭饭香，身体倍棒…… 1.基本 我们知道jquery最常用的就是选择器了，我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器，这里我们想一下css样式的写法 css样式也有几种情况：1.类样式 2.id样式 3.标签样式， 如果有一个aa的类 ，那么我们定义aa的样式就要写成 .aa{} 如果有一个bb的id，那么我们定义bb的样式就要写成 #bb{} 如果有标...[ 查看全文 ]

  夏天雨冬天雪a

  11
• 
  锋利的jQuery 要点归纳（一） jQuery选择器

  标签：Web开发

  1 基本选择器 $(#id) 根据给定的id匹配一个元素 $(.class) 根据给定的类名匹配元素 $(element) 根据给定的元素名匹配元素 $(*) 匹配所有元素 $(selector1,selector2,...,selectorN) 将每一个选择器匹配到的元素合并后一起返回 2 层次选择器 $("ancestor descendant") 选取ancestor元素里的所有descendant（后代）元素 $("parent child") 只选取parent元素下的child（子层级）元素，与$("anc...[ 查看全文 ]

  赵亚楠888000

  11
• 
  jQuery的强大选择器小结

  标签：Web开发

  一 基本选择器 $("input“) :选择所有是input标签的元素 $("#input1"):选择id为input1的元素 $(".acss"):选择所有包含acss 这个css类样式的 代码 代码如下: body a href=""link/a input id="input1" class="acss" input id="Text1" class="acss" input id="Text2" script var oo = $("input"); //oo是以上3个的集合 var pp = $("#input1");//pp是第一个 var qq = $(".acss");//qq 是前两...[ 查看全文 ]

  雪之恒07

  11
• 
  JQuery contains的选择器

  标签：Web开发

  contains选择符 contains选择符是指对象中包括指定内容的对象本身，如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格，设置这些单元格的样式类型添加“highlight”类。 下面的代码，运行后，需要刷新下，以便加载jquery !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head script src="ht...[ 查看全文 ]

  年少无知931

  81
• 
  Jquery实战_读书笔记2 选择器

  标签：Web开发

  基本的CSS选择器 熟悉web开发的人员一定对css的选择功能相当的了解，通过css选择功能，我们可以在css样式文件里轻松的将样式应用到选择的页面元素上。jQuery也正是采用了这样的机制，使jQuery的元素选择能力易常强大。 a——选择所有a元素 #specialID——选择匹配id为specialID的元素 .specialClass——选择匹配拥有css类sepcialClass的元素 a#specialID.specialClass——选择匹配id为specialID、有用css类s...[ 查看全文 ]

  bile__佳

  01
• 
  jQuery学习2 选择器的使用说明

  标签：Web开发

  1.利用CSS的基本选择器： a：匹配所有链接a元素。 #*：匹配id为*的元素 .*：匹配CSS类为*的元素 a#*id.*class:匹配id为*id，并拥有CSS类为*class的链接元素。 以上是CSS中的写法，在jQuery中用$("")包起来，如:jQuery("p a.Class") 利用子选择器、容器选择器和特性选择器，以下面的为例： 代码如下: ul class="myList" lia href=http://jquery.comjQuery supports/a ul lia href="css1"C...[ 查看全文 ]

  1203晨空飞絮

  11
• 
  jquery css 选择器演示代码

  标签：Web开发

  效果如图所示: 核心代码: 代码如下: script type="text/javascript" $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所有div的属性 $('div span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改变所有div下的span元素的属性 $('#two .mini').css("background","red");//id为...[ 查看全文 ]

  yellowcatzy

  51
• 
  jQuery Selectors(选择器)的使用(一、基本篇)

  标签：Web开发

  我的学习方法：先入门，后进阶！本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / ti...[ 查看全文 ]

  渺渺巨蟹

  21
• 
  jQuery Selectors(选择器)的使用(二、层次篇)

  标签：Web开发

  本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com 由于是第一次写技术性系列文章，难免会出错或代码BUG，欢迎指出，在此谢过！ !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd" html xmlns="ht...[ 查看全文 ]

  Guradian熙小宇

  01
• 
  jQuery 练习[二] jquery 对象选择器

  标签：Web开发

  根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2") 代码如下: divAAA/div divBBB/div divCCC/div 根据标签选择, 如: $("span") 代码如下: divspanAAA/span/div divBBB/div spanCCC/span 根据样式的类名选择, 如: $(".class1") 代码如下: divAAA/div divBBB/div divCCC/div 选择所有对象是: $("*") 可混合使用, 如(复制代码): !docty...[ 查看全文 ]

  小雨ZENKI

  91
• 
  jquery 导航条的效果(css选择器控制)

  标签：Web开发

  div div jquery1274844839136="1"标题1/div div jquery1274844839136="2"标题2/div div jquery1274844839136="3"标题3/div div jquery1274844839136="4"标题4/div div jquery1274844839136="5"标题5/div div jquery1274844839136="6"标题6/div /div div进入之后才能看到效果！/div script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"/scriptscript type="text/javascript" $(d...[ 查看全文 ]

  摸摸钱包真作孽

  31
• 
  jQuery Selectors(选择器)的使用(七、子元素篇)

  标签：Web开发

  本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解：:nth-child(index/even/odd/equation),:first-child,:last-child,:only-child的用法。 您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com 由于是第一次写技术性系列文章，难免会出错或代码BUG，欢迎指出，在此谢过！ 您可以到jQuery官网来学习更多的有关jQuery知识...[ 查看全文 ]

  iseeicanfly

  61