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

jquery 选择器 E.C

阅读更多

E.C

匹配所有E元素中class名字等于C的元素集合。返回匹配集合

 <!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.test").addClass("test2");
  });
  </script>
  <style>
  .test{ border: 3px inset red; }
  .test2{ border: 13px inset red; }
  .test3{ border: 3px inset red; }
  </style>
</head>
<body>
  <div class="test"><p>Hello in a paragraph</p></div>
  <div class="test3">Hello again! (with no paragraph)</div>
</body>
</html>

$("div.test").addClass("test2");

匹配div中class名字为test的div元素集合,以下为满足的元素集合(紫色)

<div class="test"><p>Hello in a paragraph</p></div>

分享到:
评论

相关推荐

    jquery-3.7.1.zip web组件

    1. **选择器**:jQuery提供了丰富的CSS选择器,允许开发者快速地定位和操作DOM元素,如`$("#id")`选择ID为`id`的元素,`$(".class")`选择所有class为`class`的元素。 2. **DOM操作**:jQuery封装了DOM操作,如`....

    jQuery Selectors Refcard

    除了基本的 CSS 选择器外,jQuery 还提供了许多自定义的选择器,这些选择器可以更加灵活地过滤 DOM 中的元素。例如: - **`:first`**:匹配第一个元素。 - **`:last`**:匹配最后一个元素。 - **`:even`**:匹配...

    jQuery选择

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

    jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析

    在这个例子中,我们创建了一个名为`highlight`的新方法,可以用于高亮jQuery选择器匹配的元素。 在实现中,`jQuery.extend()` 和 `jQuery.fn.extend()` 的内部工作原理类似,它们都会处理不定数量的参数,并进行...

    jqueryonline_final

    《jQuery选择器:掌握网页元素操控的关键》 在前端开发领域,jQuery因其强大的功能和简洁的语法而备受青睐。作为一款流行的JavaScript库,jQuery极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。本文...

    jquery.form.js框架实现文件上传功能案例解析(springmvc)

    在这个例子中,我们有一个文本输入字段用于用户名,一个文件选择字段用于选择要上传的文件,以及一个提交按钮触发上传。 ### 注意事项 1. 文件大小限制:确保设置合理的文件大小限制,以防止过大文件导致服务端...

    jquery课件教程

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

    jquery虚拟键盘插件jqkeyboard

    2. **初始化插件**:在页面加载完成后,通过jQuery选择器找到需要添加虚拟键盘的元素,然后调用jqKeyboard插件。 ```javascript $(document).ready(function() { $("#inputElement").jqKeyboard(); }); ``` 3...

    jquery_tabs选项卡插件 自己学习时候学的 花了一下午事件 有详细注释

    每个选项卡都有一个唯一的 ID 或类名,用于 jQuery 选择器识别。 4. **JavaScript 实现** (JScript.js):`JScript.js` 是包含 jQuery 选项卡插件实现的脚本文件。主要逻辑包括: - 初始化选项卡:使用 jQuery 的 `...

    jquery1.11.0手册

    选择器 基本 #id element .class * selector1,selector2,selectorN 层级 ancestor descendant parent &gt; child prev + next prev ~ siblings 基本 :first :not(selector) :even :odd :eq(index) :...

    js阻止冒泡及jquery阻止事件冒泡示例介绍.docx

    W3C标准的`event.stopPropagation()`被现代浏览器广泛支持,而IE浏览器则使用`event.cancelBubble = true;`。 ```javascript function stopPropagation(e) { var evt = e || window.event; if (evt....

    JQuery(A~Z)教程

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

    jquery 选择符

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

    DOM和JQuery简单易学实例

    JQuery的核心特性包括选择器、遍历和操作DOM元素、事件绑定和处理、以及复杂的动画效果。在.NET中,虽然JQuery主要用作客户端的JavaScript库,但它与ASP.NET、MVC等框架的结合使用,能够实现丰富的交互式Web应用。 ...

    AngularJS封装jQuery DateTimepicker

    在`link`函数中,博主可能会展示如何使用jQuery选择器找到对应的DOM元素,然后调用DateTimepicker的初始化方法。例如: ```javascript link: function(scope, element, attrs) { $(element).datetimepicker({ ...

    《响应式网页开发实战》教学教案—第9章 jQuery Mobile样式.pdf

    jQuery Mobile 默认提供了多种预设主题,如 a, b, c, d, e 等,可以更改这个属性值来切换主题。此外,还可以通过 CSS 自定义主题,以满足特定设计需求。 在教学过程中,可以采用任务驱动法、分组讨论法、理论实践...

    JSON jquery 与php 入门

    在CI中,可以轻松设置控制器返回JSON数据。首先,在配置文件`config/mimes.php`中添加JSON类型,然后在控制器中使用`$this-&gt;output-&gt;set_content_type('application/json')`设置响应类型,最后通过`echo json_encode...

    Jquery精简例子收集

    var aArr = ["a", "b", "c", "d", "e"]; $("p:eq(0)").text(aArr.join("")); aArr = $.map(aArr, function(value, index){ return (value.toUpperCase() + index); }); $("p:eq(1)").text(aArr.join(""));...

    html禁止网页文字复制

    if ((e.ctrlKey || e.metaKey) && (e.which === 65 || e.which === 67 || e.which === 86)) { // A/C/V快捷键 e.preventDefault(); return false; } }); }); 这是一个禁止复制的示例文本。 ``` 在上面...

Global site tag (gtag.js) - Google Analytics