`
KAXU
  • 浏览: 273512 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 选择器 E[A]

jQueryHTML 
阅读更多

E[A]

匹配E元素中包含A属性的元素集合。返回匹配的元素集合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    $("div[id]").one("click", function(){
      var idString = $(this).text() + " = " + $(this).attr("id");
      $(this).text(idString);
    });

  });
  </script>
  
</head>
<body>
  <div>no id</div>
  <div id="hey">with id</div>
  <div id="there">has an id</div>
  <div>nope</div>
</body>
</html>

 

$("div[id]").one("click", function()

将匹配所有的div中有id属性的div元素集合，然后增加click功能，在click以后会添加一段文字。以下为匹配集合

 <div id="hey">with id</div>
 <div id="there">has an id</div>

分享到：
| jquery 选择器 E.C
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JQuery选择器（全面的选择方法）

    jQuery的选择器系统是其强大功能的基础，使得JavaScript代码更加简洁、高效，降低了网页开发的复杂度。在实际开发中，结合使用这些选择器可以实现丰富的交互效果和动态更新内容，从而提升用户体验。

    jQuery选择

    ### jQuery选择器详解 #### 一、通过位置选择元素 在使用jQuery时，我们经常会遇到根据元素的位置来进行选择的情况。接下来我们将对几种基于位置的选择器进行详细的解释。 1. **`:first`**：此选择器选取指定上下...

    JQuery(A~Z)教程

    jQuery扩展了许多CSS3选择器，如`:first`, `:last`, `:even`, `:odd`, `:contains()`, `:input`, `:visible`, `:hidden`等，增强了选择元素的能力。 ### T - Traversing jQuery的遍历方法如`.find()`, `.closest()...

    锋利的jquery(学习笔记)

    【jQuery选择器】 jQuery的选择器分为四类： 1. **基本选择器**：`$(‘#idname’)`, `$(‘.classname’)`, `$(‘p’)`, `$(‘*’)`, 组选择器如`$(‘#idname,.classname,divname,divname.classname p’)` 2. **层次...

    jquery课件教程

    jQuery选择器是用于选取页面中的HTML元素的工具，它是jQuery的核心功能之一。选择器可以通过ID、类、标签、属性、层级关系等多种方式来选取元素。例如，使用美元符号($), 之后跟着选择器表达式来表示获取特定元素。...

    JQuery学习笔记

    - **后代选择器**：`E F` 选择E元素内的F元素，如 `#links a`。 - **通配选择符**：`*` 选择所有元素，如 `* { font-size: 14px; }`。 3. **JQuery 选择器**： - **基本选择器**：包括 `#id`（ID选择器）、`....

    jquery 制作鼠标点击描点a标签返回顶部

    `id`属性是必需的，用于jQuery选择器定位这个元素。 接下来，我们引入jQuery库。如果你的项目中还没有包含jQuery，可以在HTML文件的`&lt;head&gt;`部分添加以下代码，引用CDN上的最新版本： ```html ...

    jquery 选择符

    #### 四、利用 jQuery 自定义的选择器进行选择 **4.1 :button** - **作用**：选择任何按钮类型的元素，包括 `&lt;input type="submit"&gt;` 等等。 - **示例**：`:button` 选择所有按钮元素。 **4.2 :checkbox** - **...

    jQuery仿招聘网站点击弹出职位选择代码

    jQuery的核心是选择器，它用于定位HTML元素。在这个场景中，我们可以使用类选择器（`.class`）或ID选择器（`#id`）来选取触发弹出的按钮。例如： ```javascript $("#openJobsBtn").click(function() { // 当点击id...

    E_jquery图片滚动切换插件 jCarousel Lite

    在页面加载完成后，通过jQuery选择器找到图片容器，并调用`jCarouselLite`方法进行初始化。你可以设置一些参数来自定义滚动行为： ```javascript $(document).ready(function() { $('.carousel ul').jCarouselLite...

    jquery 选项卡

    3. **jQuery代码**：在文档加载完成后，使用jQuery选择器和方法实现选项卡功能。 ```javascript $(document).ready(function() { $('.tabs li').first().addClass('active'); // 默认选中第一个选项卡 $('....

    jQuery 锚链接平滑移动效果

    1. **jQuery选择器**： jQuery的选择器类似于CSS选择器，可以方便地选取页面中的元素。例如，`$("a")`会选择所有链接元素，`$("#id")`会选择ID为指定值的元素，`$(".class")`会选择所有具有指定类名的元素。在实现...

    jquery卷帘式导航栏

    jQuery的核心功能包括选择器、DOM操作、事件处理和动画，使得开发者能快速构建功能丰富的网页应用。 二、卷帘式导航栏概念 卷帘式导航栏，也称为滑动门或折叠式菜单，通常用于垂直导航栏设计。它的特点是当用户点击...

    jQuery树形菜单插件

    - **jQuery选择器和方法**：利用jQuery选择器选取元素，然后使用`.click()`事件处理函数监听用户点击行为。通过`.toggle()`方法控制节点的展开与折叠。 - **数据动态加载**：如果数据是从服务器获取的，可以使用...

    jquery下拉横向导航菜单

    首先，我们需要理解jQuery的基本语法和选择器。jQuery通过"$"符号来初始化和操作DOM元素。例如，`$("#id")`会选择ID为"id"的元素，`$(".class")`会选择所有class为"class"的元素。对于导航菜单，我们通常会使用`$(...

    jquery做的纵向菜单

    总结起来，利用jQuery创建纵向菜单涉及的主要知识点有：HTML基础结构、CSS样式设计、jQuery选择器、事件处理（`.hover()`和`.click()`)以及动画效果（`.slideToggle()`）。通过熟练掌握这些技能，你可以构建出功能...

    jquery动态图片切换与导航菜单二合一

    1. **选择器和属性操作**：jQuery通过选择器（如ID选择器、类选择器等）定位DOM元素，并可以改变其属性，如`src`属性，以实现图片的切换。例如，我们可以为每张图片分配不同的类名，然后通过点击事件来切换图片的`...

    jquery js tab效果示例下载(强烈推荐)

    首先，jQuery Tab效果的核心在于通过jQuery选择器、事件处理和DOM操作来实现。例如，你可以使用`.click()`方法监听用户对tab按钮的点击事件，然后通过`.show()`和`.hide()`方法控制对应的面板内容显示与隐藏。这使得...

    jQuery点击弹出小时分钟选择代码

    在这里，我们利用jQuery的事件监听和DOM操作功能来构建这个时间选择器。 1. **HTML结构** 文件`index.html`中，我们需要为时间输入提供一个触发器（通常是按钮）和一个用于显示选定时间的`input`元素。可以这样...

    jQuery封装的组件

    另外，考虑到兼容性和性能，应该避免在DOM操作中使用过于频繁的选择器，而是使用数据属性或者类名来标识元素，以提高效率。 总之，jQuery封装的组件是将常见的UI功能抽象出来，通过jQuery的便利性进行实现，使得...

Magicbox
Global site tag (gtag.js) - Google Analytics