jquery选择器_Jquery权威指南阅读笔记

 买了《Jqeruy权威指南》很久,也粗略地过了一遍,现在需要用到相关的技术,所以重新理一遍。

整理一下自己的对jquery选择器的知识点。

详细博文请见我的博客地址:http://www.hanluner.com/201111/77.html  没有船的海贼

jquery选择器主要有几种方式:#id (根据给定的ID匹配元素),.class(根据给定的类匹配元素),element(根据给定的元素名匹配所有的元素),* (匹配所有的元素),selector1,selectorN (将每一个选择器匹配到的元素合并后一起返回)

简单的一个小功能:
隔行变色

$(function(){
$("#table_id tr:nth-child(even)").addClass("cssClass");

})

页面输出文字:

$(function(){
$("#id").html("这里是文字");
})

简单过滤选择器

  1. first()或 :first  获取第一个元素
  2. last() 或   :last  获取最后一个元素
  3. :not(selector)  获取除给定选择器外的所有元素
  4. :even  获取索引值为偶数的元素,索引值从零开始。
  5. :o dd 获取索引值为奇数的元素,索引值从零开始。
  6. :eq(index) 获取索引值为index值的元素,索引值从零开始。
  7. :gt(index) 获取所有索引值大于index值的元素,索引值从零开始。
  8. :lt(index)  获取所有索引值小于index值的元素,索引值从零开始。
  9. :header   获取所有标题类型的元素,如h1 , h2 …….  (这点功能是我没有想到的
  10. :animated 获取正在执行动画效果的元素。
内容过滤选择器
  1. :contains(text) 获取包含给定文本的元素
  2. :empty 获取空元素
  3. :has(selector) 获取含有给定选择器的所匹配的元素
  4. :parent 获取含有子元素或者文本的元素 (这点有些不理解
可见性过滤选择器
  1. :hidden 获取所有不可见元素,或者type为hidden的元素
  2. :visible 获取所有的可见元素
属性过滤选择器
       [attribute] [attribute=value] [attribute!=value] [attribute^=value] [attribute$=value] [attribute*=value]
表单对象属性过滤选择器
 :enabled 表单中可用的元素
:disabled 表单中不可用的元素
:checked 表单中被选中的元素
:selected 表单中被选中的option的元素
还有一些是表单的基本元素选择器
:input  :text :password :radio :checkbox :submit  :image  :reset :button  :file
选择器是写jquery方法的第一步,为jquery操作DOM做准备。
更多相关文章
  • 今天看了第三章的前面几小节,主要总结了四小点.attr() 这个方法很强大,具有多面性:attr(name)获得元素属性 例如:创建一个元素,需要获得它的src属性或者title属性,那么只要这么写:$(“img”).attr(“src”); $(“img”).attr(“title”).如果是设置 ...
  • Web服务器会做些什么: 1.建产连接:接受一个客户端连接,或者如果不希望与这个客户端建立连接,就将其关闭. 1)处理新连接 2)客户端主机名识别 3)通过ident确定客户端用户 ident在组织内部可以很好地工作,主要是因为以下原因导致在公共因特网上并不能很好地工作: 1.很多客户端PC没有运行 ...
  • HTTP权威指南阅读笔记三:HTTP报文
    报文的组成部分 报文由三部分组成:对报文进行描述的起始行(start line).包含属性的首部(header),以及可选的.包含数据的主体(body)部分. 请求报文格式 <method> <request-URL> <version> <headers& ...
  • HTTP协议版本: 1.HTTP/0.9:HTTP的1991原型版本称为HTTP/0.9.这个协议有很多严重的缺陷,只应该用与与老客户端的交互.HTTP/0.9只支持GET方法,不支持多媒体内容的MIME类型,各种HTTP首部,或者版本号.HTTP/0.9定义的初衷是为了获取简单的HTML对象,它很 ...
  • 1.伪元素选择器 first-line, first-letter, before, after 2.属性选择器 [attr*=val]: 如果元素的 attr 属性中包含用 val 指定的字符的话, 则该元素使用这个样式 [attr^=val]: 如果元素的 attr 属性以 val 指定的字符开 ...
  • $("#div").html() 获取jquery对象中的值$("#divHTML").html(strHTML) 设置值$("#div").text() 获取元素内容$("#divText").text(strText ...
  • JavaScript权威指南学习笔记第六天开始学习DOM了。
    昨天学习了window对象的一些方法.window对象主要是针对当前视窗的操作.window对象提供了一些列API来帮助我们了解当前窗口的信息.例如history对象可以让我们获取浏览历史.nvaigator对象能够让我们或者浏览器以及系统的一些信息.location对象能够让我们获得网址栏URL的 ...
  • HTML文档由各种元素组成.比如,p.table.span等等.每个元素都会对文档的表现有所影响.CSS中,每个元素都会生成一个框(传说中的盒子),其中包含元素内容. 元素可以根据它的创建方式分为两种:替换元素和非替换元素.创建方式会对盒模型的表现有所影响,后续的笔记中会看到. 替换元素:这种元素的 ...
一周排行
  • Android应用程序集成Google登录及二次封装
    谷歌登录API:  https://developers.google.com/ident ...
  • 03-1BGP专有命令--BGP命令与配置手册
    Technorati 标签: BGP,CCNP,路由,MED,实验该文档涉及的命令有:bg ...
  • 1.停止mysql服务# /etc/init.d/mysqld stop2.备份my.cnfcd /etccp my.cnf my.cnf_bak3.修改my.cnf[mysqld] 后加入# vi my.cnfde ...
  •     这周又快过完了,总的来说,还算比较努力,偶尔也会有压力,毕竟这又是一个坎.    说说最近的感受吧!工作已经有5个月了,虽然没有完成过什么大项目,小任务还是时常有.很多时候刚开始遇到任务的时候,都会茫然,因为 ...
  • 本文转自5dmail.net!特此声明!-----------------------------------------------------------------------------------适用于 概 ...
  • Struts后经验总结
    1.struts 主要围着“action”,只要找到“action”它就知道自己该干嘛了. ...
  • 在struts2的xml配置文件中1,在同一个包(package)下跳转,可简写成<result name="success" type="redirectAction" ...
  • public class DaffodilArray { public static void main(String[] args) {//(1)水仙花数 1---10000 int temp=0; for(int ...
  • VisualStudio2013常用快捷键
    来源:http://www.cnblogs.com/cxd4321/p/3636225.h ...
  • 在head first 设计模式中 用到了很多很多接口对象 首先澄清一个问题,就是接口不仅可以声明对象,而且可以把对象实例化,还可以当做参数被传入. 一.接口回调 这就是继承中的向上转型.父类 FL=new 子类() ...