`
vowtree
  • 浏览: 34609 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

jQuery基础--- jQuery 选择器

阅读更多

 

jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。

 

基础语法是:$(selector).action()

  • 美元符号定义 jQuery
  • 选择符(selector)“查询”和“查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

示例

$("p").hide() - 隐藏所有段落

$("p.test").hide() - 隐藏所有 class="test" 的段落

$("#test").hide() - 隐藏所有 id="test" 的元素

提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

 

 

查询、查找节点的方式:

1.    $("#ID")   通过ID来查找元素 id="XXX" 无法通过name=""来确定  id="ID"的第一个元素

2.    $("p")       $("input")    查找所有<p></p>、以及所有<input/>元素

3.    使用 CSS 选择器

       $("p.intro") 选取所有 class="intro" 的 <p> 元素。    $("元素.class的值")  表示class的值给定的元素

      $("p#demo") 选取 id="demo" 的第一个 <p> 元素。 

4.  

 

 

 

 

 

分享到:
评论

相关推荐

    jQuery系列-选择器(理论)

    jQuery系列-选择器(理论)

    Jquery表单-层级-内容-属性-子元素选择器知识点整理

    Jquery表单-层级-内容-属性-子元素选择器知识点整理,主要是关于Jquery选择器的知识点整理包括页面属性的选择如$(":empty")等,子元素的选择,层级选择$("parent &gt; child")等

    jquery-ui-1.12.1.custom

    jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。

    jQuery颜色选择器ColorPicker

    ColorPicker基于强大的jQuery,使用方便、配置简单,同时不需要加载额外的CSS文件。可以随心所欲的使用到项目中,兼容各大浏览器。

    Web前端开发技术-Jquery选择器.pptx

    Jquery选择器; 基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery...

    jQuery选择器-过滤器总结

    jQuery选择器过滤器全面的总结,老师推荐!

    jquery-simple-datetimepicker.zip

    jquery-simple-datetimepicker 是一个非常简洁的 jQuery 日期时间选择器插件。 标签:jquery

    jquery-easyui-EDT-1.4.2-build1.rar 包含中文文档

    selector 是jQery对象选择器。 plugin 是插件的名称。 method 是相应插件现有的方法。 parameter 是参数对象,可以是一个对象、字符串等。 所有方法都定义在jQuery.fn.{plugin}.methods。每个方法都有2个参数:jq和...

    前端项目-jquery-ui-timepicker-addon.zip

    前端项目-jquery-ui-timepicker-addon,TimePicker插件将TimePicker添加到jQueryUI日期选取器中,因此使用任何一个日期选取器和滑块组件(jQueryUI)都是必需的。此外,所有datepicker选项仍然可以通过TimePicker插件...

    jquery-ui-1.10.4.custom.zip

    主要是一些界面的扩展,包括折叠面板(Accordion) , 自动完成(Autocomplete) , 按钮(Button) , 日期选择器(Datepicker) , 对话框(Dialog) , 菜单(Menu) , 进度条(Progressbar) , 滑块(Slider) , 旋转...

    jquery-date-range-picker-master

    jQuery Date Range Picker是一款允许用户选择一个日期时间范围的jQuery日期选择器插件。整个日期选择器插件使用CSS来渲染样式,可以非常容易的使用CSS来定制它的皮肤。它的兼容性非常好,支持IE6+的IE浏览器。

    jQuery选择器基础知识

    这是一份比较全面的jQuery选择器基础知识,包括源代码和相应的ppt,供大家分享

    jQuery基础选择器练习题

    JQ 选择器大全包含:基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手

    Jquery选择器大全

    Jquery选择器,Jquery选择器Jquery选择器Jquery选择器Jquery选择器Jquery选择器

    jquery插件-日历选择器 日期选择

    两个日期选择器,效果还不错呢,在各种表单中经常用的到。

    jquery-ui pepper主题

    无论是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。 ui_pepper是jquery-ui中的一个主题,与上一篇jquery-ui-1.12.1.zip的风格不同,用法相同: 将压缩包解压...

    jquery-1.12.4.js

    jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

    jquery-year-picker:用于 jquery UI 的年份选择器插件,例如 datepicker。 它允许用户从列表中选择年份

    用于 jquery UI 的年份选择器插件,例如 datepicker。 它允许用户从列表中选择年份。 用法 在 html 页面上放置一个带有 id 或 css 类的文本框。 在指定的 id 或类名上调用yearpicker jquery 方法。 Yearpicker 准备...

    城市选择器jquery

    jquery 城市选择器代码

Global site tag (gtag.js) - Google Analytics