1.id选择器：

// 4.如果页面中多个元素id相同，jquery只会获取第一个id的jquery对象

        var jquery = $('#name');

        alert(jquery.val());

        var jquery1 = $('#name');

        alert(jquery1.val());

<body>
<input type="text" name="name" id="name" value="张三">
<input type="text" name="name" id="name" value="李四">
</body>

2.class选择器：

 // 5.获取出来的jquery是一个数组，如果页面中多个元素class相同，jquery只会获取第一个id的jquery对象

        var jquery3 = $('.name');

        alert(jquery3.val());  // 张三

        // 想获取非第一个元素的对象，需要根据索引获取到指定位置的DOM对象后，再转化成jquery对象进行使用

        alert($($('.name')[]).val())

<input type="text" name="name" name ="name" value="张三">

<input type="text" name="name" name ="name" value="李四">

3.parent—child选择器：

// 6.获取div标签下所有class为name的元素

        alert($('div' > .name).length);  // 长度为2

<div>

       <input type="text" name="name" name ="name" value="张三">

       <input type="text" name="name" name ="name" value="李四">

 </div>

4.prev + next选择器：

匹配所有紧邻在prev元素后的next元素。

 // 7.获取紧邻元素为div的之后的class元素

        alert($('div + .name').length);  // 只有一个元素，就是value为sssss的

   <div>

       <input type="text" name="name" name ="name" value="张三">

       <input type="text" name="name" name ="name" value="李四">

   </div>

       <input type="text" name="name" name ="name" value="sssss">

       <input type="text" name="name" name ="name" value="ttttt">

5.prev ~ siblings选择器：

获取div标签后的所有元素。

 // 8.获取div标签后的所有元素，长度为2，值为sssss和ttttt

        alert($('div ~ .name').length);

   <div>

       <input type="text" name="name" name ="name" value="张三">

       <input type="text" name="name" name ="name" value="李四">

   </div>

       <input type="text" name="name" name ="name" value="sssss">

       <input type="text" name="name" name ="name" value="ttttt">
// 8.获取div标签后的所有元素，长度为2，值为sssss和ttttt

        alert($('div ~ .name').length);

   <div>

       <input type="text" name="name" name ="name" value="张三">

       <input type="text" name="name" name ="name" value="李四">

   </div>

   <div>

        <input type="text" name="name" name ="name" value="sssss">

   </div>

        <input type="text" name="name" name ="name" value="sssss">

        <input type="text" name="name" name ="name" value="ttttt">

6.简单过滤选择器：匹配符合条件的元素

7.属性选择器：【attribute】匹配包含给定属性的元素

 // 9.获取所有元素都有value属性的所有元素

        alert($('[value]').length);

        alert($('.name[value]').length); // 所有class为name的带有value的属性

jQuery学习二的更多相关文章

  1. Jquery 学习二

    一.事件编程 1.基本事件(以方法形式存在的) 基本语法: 原生Javascript代码中的事件绑定方式: DOM对象.事件 = 事件的处理程序   jQuery代码中的事件绑定方式: jQuery对 ...

  2. jquery 学习(二) - 属性操作

    html代码 <div class="n1" zdy="z1">AAA <p>1111111</p> <input t ...

  3. jQuery学习(二) 自定义扩展函数

    jQuery函数调用写法很优雅,在项目开发过程中,有需要自定义函数经常被使用到,将这些函数放置到项目ExtTool.js中,为了编码方式的统一,也希望这些自定义函数与jQuery函数一致的调用方式.在 ...

  4. JQuery学习二（获取元素控件并控制）

    $(’#id‘).+function; 例如: 1 <head> 2 <title>JQuery</title> 3 <script src="js ...

  5. jQuery学习(二)——使用JQ完成页面定时弹出广告

    1.JQuery效果 2.步骤分析: 第一步:引入jQuery相关的文件 第二步:书写页面加载函数 第三步:在页面加载函数中,获取显示广告图片的元素. 第四步:设置定时操作(显示广告图片的函数) 第五 ...

  6. jQuery学习(二)

    操作DOM对象: 修改文本: jQuery对象的text()和html()方法可以用来获取节点的文本内容和HTML文本.而当你给方法传入参数时,这两个方法可以被用于设置jQuery的文本内容. 还是以 ...

  7. JQuery学习二-字典操作

    1. 数组中添加map var arr = []; var key = 'Jeremy'; var value = '!!!!' arr.push({ 'key': key, 'value': val ...

  8. jQuery学习-事件之绑定事件（二）

    在上一篇<jQuery学习-事件之绑定事件(一)>我们了解了jQuery的add方法,今天我们来学习下dispatch方法: dispatch: function( event ) {   ...

  9. jQuery学习之二 jQuery选择器

    一.jQuery选择器是什么1.CSS选择器2.jQuery选择器 二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制  传统js选择器假如要操作的元素不存 ...

随机推荐

  1. 阿里云 centos7 安装mysql数据库

    环境:阿里云ECS服务器,系统为centos7.2 删除原来的数据库: centos7中默认安装了数据库MariaDB,如果直接安装MySQL的话,会直接覆盖掉这个数据库,当然也可以手动删除一下: [ ...

  2. finally关键字执行的底层原理

    1.举例子: 在主方法中调用m1方法,finally中 i 变量自增,但结果却是10 public static void main(String[] args) { int i = m1(); Sy ...

  3. c#压缩和解压缩

    C# 文件/文件夹压缩解压缩   项目上用到的,随手做个记录,哈哈. 直接上代码: 1 using System; 2 using System.Data; 3 using System.Config ...

  4. Python十大经典排序算法

    现在很多的事情都可以用算法来解决,在编程上,算法有着很重要的地位,将算法用函数封装起来,使程序能更好的调用,不需要反复编写. Python十大经典算法: 一.插入排序 1.算法思想 从第二个元素开始和 ...

  5. <load-on-startup>1</load-on-startup>的作用

    1)load-on-startup元素标记容器是否在启动的时候就加载这个servlet(实例化并调用其init()方法).2)它的值必须是一个整数,表示servlet应该被载入的顺序3)当值为0或者大 ...

  6. 变形和透视 perspective

    前面介绍了css3 2D变形(transform)移动.缩放.旋转.倾斜 有2D 也有3D,例如3D transform中有下面这三个方法: rotateX( angle ) rotateY( ang ...

  7. （2）打鸡儿教你Vue.js

    var obj = {} Object.defineProperty(obj, 'msg', { // 设置 obj.msg = "1" 时set方法会被系统调用 参数分别是设置后 ...

  8. [vsftpd] ubuntu14.04 ansible剧本安装vsftpd流程及报错排查

    需求: 在ubuntu14.04机器上搭建ftp服务,ftp账号通过winscp软件登录后,仅可增删改/data/wwwroot目录. 一.安装步骤 1.apt 安装vsftpd apt-get in ...

  9. Java学习日记基础篇（六）—— 抽象类、接口、final

    抽象类 为什么要有抽象类? 因为父类方法有不确定性,我们在Animal中定义了一个方法,但是它会被子类的方法覆盖掉,我们就不知道这个方法原本是做什么的 public class test1 { pub ...

  10. [PKUSC2018]最大前缀和——状压DP

    题目链接: [PKUSC2018]最大前缀和 设$f[S]$表示二进制状态为$S$的序列,任意前缀和都小于等于$0$的方案数. 设$g[S]$表示二进制状态为$S$的序列是整个序列的最大前缀和的方案数 ...