jQuery:自学笔记(2)——jQuery选择器

jQuery:自学笔记(2)——jQuery选择器

基本选择器

  说明

     jQuery的基本选择器与CSS的选择器相似:

    

  实例

    标签选择器

    //使用标签选择器更改字体大小
      $(div).css(‘font-size‘,‘18px‘)

    ID选择器

    //使用id选择器改变背景颜色
      $(‘#div1‘).css(‘background‘,‘red‘);

说明:ID选择器中,ID前面必须加一个#,以表明这是一个jQuery的ID选择器。

    类选择器

    //使用类选择器设置字体样式
      $(‘.spanclass‘).css(‘font-style‘,‘body‘)

    通配选择器

    //通配符选择器
      $(‘*‘).css(‘color‘,‘red‘);

层次选择器

  说明  

    网页中的DOM结构表现为树状结构,在选择元素时,通过DOM元素之间的层次关系,可以获取到需要的元素,比如当前节点的后代节点、父子关系的节点、兄弟关系的节点等等。

    

基本过滤选择器

  说明

    基本过滤选择器也可以称为简单过滤选择器,它是过滤选择器中最为广泛的一种,它主要用来选择首位、指定索引、奇数或偶数位的元素等等。    

    

  实例

    

属性过滤器

  说明

    属性过滤器是jQuery中非常有用的一种选择器,它可以基于HTML元素的属性来选择特定的元素。
    除了根据不同的属性来选择元素,还可以根据不同的属性值来选取元素

    

  实例

    

表单选择器    

    表单选择器可以匹配当前文档或者某一个表单内部的所有的表单元素。   

    

时间: 2024-08-02 02:51:01

jQuery:自学笔记(2)——jQuery选择器的相关文章

jQuery:自学笔记(5)——Ajax

jQuery:自学笔记(5)--Ajax 使用Ajax快捷函数 说明 出于简化AJAX开发工作的流程,jQuery提供了若干了快捷函数. 实例 1.显示 test.php 返回值(HTML 或 XML,取决于返回值). $.get("test.php", function(data){   alert("Data Loaded: " + data); }); 2.向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容): $.pos

jQuery整理笔记八----jQuery的Ajax

Ajax,我一直读的是"阿贾克斯",据当时大学老师讲该读音出处是根据当年风靡欧洲的荷兰足球俱乐部阿贾克斯的名字来的,我觉得说法挺靠谱的. jQuery封装了Ajax的交互过程,用户不需要考虑XMLHttpRequest对象的兼容性问题以及使用XMLHttpRequest建立连接.发送请求.发送方式.接收方式等细节,利用jQuery定义 的几个简单方法,即可轻松实现客户端与服务端异步通信的问题,从而帮助开发人员从繁琐的技术细节中解脱出来,专心于业务层开发工作. 最初始的JavaScrip

锋利的Jquery学习笔记之Jquery的选择器

Jquery的选择器分为:基本选择器,层次选择器,过滤选择器和表单选择器. 1.基本选择器 基本选择器是Jquery中最常用的选择器,也是最简单的选择器. 2.层次选择器 如果想通过DOM之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素和同辈元素等,那么层次选择器是一个非常好的选择. 在层次选择器中,第一个和第二个选择比较常用,而后面两个在JQuery里可以用更加简单的方法代替,所以使用的几率相对较小. 3.过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤

jQuery自学笔记(三):jQuery动画效果

jQuery隐藏和显示: 使用 hide( ) 和 show( ) 方法来隐藏和显示 HTML 元素: 语法: $(selector).hide(speed,callback); $(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒,可选的 callback 参数是隐藏或显示完成后所执行的函数名称. 一个关于调用callback函数的实例: $("

jQuery自学笔记(四):jQuery DOM节点操作

获得和设置内容:text( ).html( ) 以及 val( ) text( ) - 设置或返回所选元素的文本内容 html( ) - 设置或返回所选元素的内容(包括 HTML 标记) val( ) - 设置或返回表单字段的值 例子: $("#btn1").click(function(){   $("#test1").text("Hello world!"); }); $("#btn2").click(function()

jQuery学习笔记之一——jQuery入门与基础核心

因为工作的原因,所以自学了下jQuery,这里以李炎恢老师的教程为自觉教程,并记录学习中遇到的问题. 教程下载地址: http://www.verycd.com/topics/2956408/ 课件下载地址: http://download.csdn.net/download/ip_kv3000/8986013 jQuery类库下载地址: http://jquery.com/ jQuery入门  优势.历史.版本我就不多说了,网上有的是.至于为什么学,因为很有用,为什么非要学他,因为微软加入到了

锋利的jQuery学习笔记之jQuery选择器

在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器 常见的CSS选择器有以下几种: 选择器 语法 描述 示例 标签选择器 E{CSS规则} 以文档元素为选择符 td{font-size:10px;} a{tetx-decoration:none;} ID选择器 #ID{CSS规则} 以文档元素的唯一标示ID为选择符 #node{corlor:red;} 类选择器 .className{CSS规则} 以文档元素的class作为选择符 div.node{backgro

jquery学习笔记(一):选择器

1.1 基础选择器 选择器 功能 返回值 #id 根据给定的id匹配一个元素 单个元素 element 根据给定的元素名匹配所有元素 元素集合 .class 根据给定的类匹配元素 元素集合 * 匹配所有元素 元素集合 selector1,selectorN 将每一个选择器匹配到的元素合并后一起返回 元素集合 1.2 层次选择器 选择器 功能 返回值 ancestor descendant 根据祖先元素匹配所有的后代元素 元素集合 parent > child 根据父元素匹配所有的子元素 元素集合

jQuery自学笔记(五):关于jQuery的遍历

向上遍历 DOM 树 parent()  //返回被选元素的直接父元素,该方法只会向上一级对 DOM 树进行遍历. parents()    //返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>); 也可以使用可选参数来过滤对祖先元素的搜索,如: $("span").parents("ul"); parentsUntil()   // 返回介于两个给定元素之间的所有祖先元素,如:  $("span").paren