`
yiyu
  • 浏览: 186304 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery学习笔记(1) selectors

阅读更多
本文是Learning JQuery的学习笔记

1. $()
$('p')         所有的<p>
$('#some-id')          id是some-id的元素
$('.some-class')      class是some-class的所有元素

2. CSS selectort
$('#some-id > li')     id是some-id的元素的所有子<li>元素
$('#some-id li:not(.some-class)')          id是some-id的元素的所有class不是some-class的子元素

3. XPath selector
$('a[@title]') <a>的title属性
$('div[ol]') 所有具有<ol>元素的<div>
$('a[@href^="mailto:"]') 所有属性href以”mailto:"开头的<a>
$('a[@href$=".pdf"]') 所有属性href以”.pdf"结尾的<a>
$('a[@href*="mysite.com"]') 所有属性href包含”mysite.com"的<a>

4. Custom selector
$('div.horizontal:eq(1)') 第二个类为horizontal的<div>
$('tr:odd') 奇数行
$('tr:even') 偶数行
$('td:contains("Henry")') 包含"Henry"的<td>

5. DOM Traversal Methods
$('tr').filter(':odd') 奇数行
$('tr:not([th]):even')
$('th').parent()
$('td:contains("Henry")').next()
$('td:contains("Henry")').parent().find('td').not(':contains("Henry")') )

6. Accessing DOM Elements
$('#my-element').get(0)
$('#my-element')[0]
分享到:
评论
2 楼 hanjs 2009-03-18  
看文档说这个是jquery的核心功能,可是感觉不怎么顺手呢?

$("#mytest")按理说应该返回一个,不用在[0]来处理了吧.可是还得这样处理.
开始用的时候有点朦了.

看来还时刻认识到,返回的是Array(Object)
1 楼 白发红颜 2009-02-05  
从1.3开始, jQuery用[attr]代替了[@attr]

相关推荐

    JQUERY学习笔记.doc

    1. **选择具有唯一ID的元素**:`$("#IDNAME")` 相当于JavaScript中的 `document.getElementById("IDNAME")`,但更灵活,因为它返回一个jQuery对象,可以方便地链式调用其他方法。 2. **选择具有特定类名的所有元素*...

    jQuery基础自学笔记(pink老师jQuery全内容)

    《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...

    jquery学习笔记

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。由于其简洁的API和强大的功能,jQuery成为了前端开发中的首选工具之一。 ### 1. jQuery核心...

    jquery笔记1

    1. **选择器(Selectors)**: jQuery的选择器基于CSS,允许我们方便地选取页面中的DOM元素。例如,`$("#myID")`选取id为"myID"的元素,`$(".myClass")`选取所有class为"myClass"的元素。 2. **链式操作(Chaining)...

    笔记-JQuery

    **jQuery 知识点详解** jQuery 是一个广泛应用于前端开发的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括DOM(文档对象模型)...通过阅读“笔记-JQuery.pdf”这样的资料,可以系统地学习并掌握这些知识。

    jQuery中文转换成拼音代码.zip

    首先,jQuery库的核心特性包括选择器(Selectors)、DOM操作(DOM Manipulation)、事件处理(Events)、动画(Animations)和Ajax异步请求等。通过简洁的语法,jQuery允许开发者快速地选取HTML元素、改变HTML内容、...

    jQuery左右箭头控制文字列表切换特效.zip

    1. **选择器(Selectors)**:jQuery的选择器类似于CSS选择器,用于选取页面中的HTML元素。例如,`$("#id")`选择ID为"id"的元素,`$(".class")`选择所有class为"class"的元素。 2. **事件处理(Events)**:jQuery...

    jQuery弹出层代码.zip

    1. **选择器(Selectors)**:jQuery的选择器允许我们快速地选取DOM元素,如`$("#myPopup")`选择ID为"myPopup"的元素。这在创建和操作弹出层时非常有用。 2. **事件处理(Event Handling)**:jQuery提供了便捷的...

    jQuery简易分页插件代码.zip

    1. **选择器(Selectors)**:jQuery的选择器允许开发者快速定位HTML元素,例如`$("#pagination")`会选择ID为"pagination"的元素,这通常是分页导航的容器。 2. **数据绑定(Event Binding)**:使用`.on()`方法...

    jQuery猎豹橙色大巴动画背景特效.zip

    - **选择器(Selectors)**:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)等,用于快速定位页面中的元素,为它们添加动画效果。 - **DOM操作(DOM Manipulation)**:jQuery允许开发者轻松地添加...

    jQuery外部调用弹窗代码.zip

    1. **选择器(Selectors)**:jQuery的选择器类似于CSS选择器,用于选取页面上的特定元素。例如,`$("#id")`选择ID为"id"的元素,`$(".class")`选择所有class为"class"的元素。 2. **事件处理(Event Handling)**...

    jQuery中英文网站导航下拉菜单代码.zip

    1. **选择器(Selectors)**:jQuery的选择器基于CSS,允许开发者高效地选取DOM元素。例如,`$("#id")`用于选取ID为"id"的元素,`$(".class")`用于选取所有类名为"class"的元素。 2. **DOM操作(DOM Manipulation)...

    jQuery树形节点标签导航代码.zip

    1. **选择器(Selectors)**:jQuery的选择器类似于CSS,用于选取HTML元素。在树形结构中,我们可以使用类选择器、ID选择器或者属性选择器来定位特定的节点元素。 2. **遍历(Traversing)**:jQuery提供了多种方法...

    jQuery网页弹出层分享按钮插件.zip

    对于初学者,这是一个很好的学习资源,通过阅读和理解插件源码,可以深入理解jQuery的工作机制和网页交互设计。 总的来说,jQuery网页弹出层分享按钮插件是提高网页互动性、提升用户体验的有效工具。它的实现基于...

    jQuery产品中心tab选项卡实例.rar

    jQuery库的核心特性包括选择器(Selectors)、DOM操作(DOM Traversal)、事件处理(Events)和动画(Effects)。在“jQuery产品中心tab选项卡实例”中,选择器可能被用来精确地定位到页面上的各个选项卡元素;DOM...

    jqerry笔记常用方

    这篇笔记将深入探讨jQuery中的常用方法,帮助初学者快速上手并掌握jQuery的核心技能。 一、选择器(Selectors) jQuery的选择器类似于CSS选择器,用于在DOM树中找到指定的元素。例如: 1. `$("#id")`:通过ID选择...

    css3淘宝阿里旺旺悬浮在线客服代码.zip

    1. **选择器(Selectors)**:jQuery提供了丰富的选择器,可以轻松地找到页面上的特定元素,如客服按钮。 2. **事件监听(Event Handling)**:使用`.on()`方法,可以监听用户的点击事件,当用户点击客服按钮时触发...

    CSS3红色网站左侧边菜单代码.zip

    【CSS3红色网站左侧边菜单代码.zip】是一个包含CSS3技术...综上所述,这个压缩包提供了一个结合了CSS3特效和jQuery交互的网页左侧边栏菜单实例,学习和研究这个代码可以帮助开发者提升在网页设计和前端开发方面的技能。

Global site tag (gtag.js) - Google Analytics