第一站:JQuery选择器01

 一:准备知识

  1.$()函数在JQuery中被当做一个选择器函数来使用。

  $(“#id”):即通过ID来获取HTML元素

  $(“tagName”):即通过标签名来获取HTML元素

  $(“.class”):即通过类名来获取HTML元素

  2.使用jQuery获取网页中不存在的元素也不会报错

  3.如何使用JQuery来判断获取的HTML“对象”是否存在。

  需要注意的是,$(“#tt”)获取的永远是对象,即使是网页上没有此元素。

    if($(“#tt”).length>0)//这个是JQuery对象

    If($(“#tt”)[0])//这个是转换为DOM对象

  而不能使用

    If($(“#tt”))

二:选择器分类

  1.基本选择器

  

  2.层次选择器

  

  可以使用next() 方法来代替$(“prev+next”)

  

  可以使用nextAll()方法来代替$(“prev~next”)

  

  siblings() 方法与位置无关,只要是同辈节点就能匹配

  

  3.表单对象选择器

  

  

时间: 2024-10-05 16:40:19

第一站:JQuery选择器01的相关文章

20150303+JQuery选择器-01

The Write Less,Do More--jQuery中 目录 The Write Less,Do More--jQuery中 1 一.事件编程 2 1.事件监听 2 2.事件冒泡 4 3.默认行为 5 二.jQuery中的动画 6 1.基本效果 6 2.滑动效果 7 3.淡入淡出效果 9 4.自定义动画效果 9 三.文档处理 12 1.插入操作--内部插入 13 2.插入操作--外部插入 13 3.删除操作 14 4.复制(克隆)操作 15 5.替换操作 16 6.包裹操作 17 7.查

【jQuery基础学习】01 jQuery选择器

关于CSS选择器 jQuery选择器涉及到CSS,CSS技术使得网页的结构与表现样式完全分离. 同样CSS也需要找到某个网页的结构才能改变其样式,这就是CSS选择器. 常用的CSS选择器如下: 标签选择器 以文档元素作为选择符 a{ text-decoration:none; } ID选择器 以文档元素的唯一标识符ID作为选择符 #myNameDiv{ font-size:14px; width:120px; } 类选择器 以文档元素的class作为选择符 div.note{ font-size

jquery选择器用法笔记(第一部分)

由于我在项目中用jquery比较多,而且觉得jquery真的很不错,尤其是其灵活高效的选择器更是令人无法忘怀.那么,今天就来写一篇非常基础的关于jquery选择器的文章,路过的朋友可以收藏以作参考. 1.$("*")   --  选取所有元素 * 选择器选取文档中的每个单独的元素,包括 html.head 和 body. 如果与其他元素(嵌套选择器,正如上面的例子)一起使用,该选择器选取指定元素中的所有子元素. 如选取body内的所有元素我们我们可以这样:$(body *) 2.$(&

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

jQuery 选择器2

jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class $(".intro.demo") 所有 class=&qu

优化jQuery选择器

优化jQuery选择器 选择优化比以前更加重要,因为越来越多的浏览器实现了queryselectorall()并承担了将jQuery选择器转移到浏览器的责任.记住这些小技巧可以让你轻松突破学习选择器时的瓶颈. jQuery 扩展 如果可能的话,避免使用jQuery扩展选择器.这些扩展无法在性能让原生的queryselectorall() DOM提供的方法更有效,所以还是用jQuery提供的常规选择器吧. 1 2 3 4 5 // Slower (the zero-based :even sele

锋利的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选择器

JQuery选择器 通过一个样例来分辨这些选择器,首先做一个初始的页面: 1.HTML 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>选择器</title> 6 <script type="text/javascript" src="../JQue

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

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