基本语法:$(selector).action()

寻找元素(重要的选择器和筛选器)

一:选择器

    1.1 基本选择器:

      $("*")

      $("#id")

      $(".class")

      $("element")

      $(".class,p,div")   // (!!!)

    1.2 层级选择器:

      $(".outer div")   //outer 下的所有子元素(!!!)

       $(".outer>div")  //outer 的子代(不包括孙代)

       $(".outer+div") //outer 子代毗邻的元素(如果有多个,选择最后面那个,必须是毗邻的)

       $(".outer~div") //outer 向下的不一定毗邻的子代元素

    1.3 基本筛选器:

      $(".outer li:first") //第一个元素

        $(".outer li:eq(2)")  //元素 id 等于2(从0开始)

      $(".outer li:even") //奇数位置元素

      $(".outer li:gt(1)") //id 大于1的元素

    1.4 属性选择器:

      $('[id="div1"]')

        $('["name="Tom"][id]')

    1.5 表单选择器:

        $("[type='text']")----->$(":text")   //注意只适用于input标签

      $("input:checked")      

  二:筛选器

    2.1 过滤筛选器:(同基本选择器,只是写法不同)

      $("li").eq(2)

        $("li").first()

        $("ul li").hasclass("test") //返回判断值

    2.2 查找筛选器:

      //子类继承父类,css()样式跟着变化

       2.2.1

         $("div").children(".test")   //只查找子代标签

         $("div").find(".test")       //查找所有后代标签

        2.2.2 (向下找)

         $(".test").next()            //同一层挨着下一个标签(兄弟层)

         $(".test").nextAll()        //同一层下面所有

         $(".test").nextUntil()     //同一层找到截止到某个位置的所有标签;   $(".test").nextUntil(".div6"),  找到下面截止到".div6"位置之前的标签(不包含. div6)

2.2.3 (向上找,同2.2.2)

         $("div").prev()

       $("div").prevAll()

         $("div").prevUntil()

        2.2.4

$(".test").parent()     //向上找到父代

        $(".test").parents()       //向上一直找父代,直到 body

        $(".test").parentUntil()    //向上找父代直到某一层,不包含该层父代

        2.2.5

        $("div").siblings()     //找到兄弟层的所有标签(向上向下)

  

  获取多个标签

    // 获取多个标签

    function func1(self) {
      $(self).parent().parent().children(".shade, .model").addClass("hide")
    }

jQuery操作(一)的更多相关文章

  1. 对jquery操作复选框

    摘要:jquery操作复选框.使用更简洁易懂,思路清晰,逻辑更明了,很实用 <!DOCTYPE html> <html> <head> <meta chars ...

  2. jquery操作表格 合并单元格

    jquery操作table,合并单元格,合并相同的行 合并的方法 $("#tableid").mergeCell({ cols:[X,X] ///参数为要合并的列}) /** * ...

  3. input jquery 操作

    本文章主要为了总结开发常用的input等常见html的jquery操作,不是为了展示自己多么菜,只为了积累知识,勿喷!!!不断更新中 $(function () { $("input[nam ...

  4. 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式

    本系列文章导航 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得 ...

  5. Jquery操作cookie,实现简单的记住用户名的操作

     一.jquery.cookie.js介绍  jquery.cookie.js是一个基于jquery的插件,一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cook ...

  6. jQuery入门(2)使用jQuery操作元素的属性与样式

    jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...

  7. Jquery操作select,左右移动,双击移动 取到所有option的值

    $(function () { function MoveItem(fromId, toId) { $("#" + fromId + " option:selected& ...

  8. 解决jquery操作checkbox全选全不选无法勾选问题

    最近在学习中使用jquery操作checkbox,使用下面方法进行全选.反选:$("input[name='checkbox']").attr("checked" ...

  9. jquery 操作

    Jquery使用时要引用,引用时放在最前. Jquery: $代表选择器, $(document) ready(function(e){}):找到页面,页面加载完成后执行. JS选取元素操作内容操作属 ...

  10. jQuery操作Table tr td常用的方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

随机推荐

  1. 2018面向对象程序设计(Java)第7周学习指导及要求

    第7周学习指导及要求(2018.10.11-2018.10.14)   学习目标 深入理解OO程序设计的特征:继承.多态: 熟练掌握Java语言中基于类.继承技术构造程序的语法知识: 利用继承定义类设 ...

  2. Linux下开启计划任务日志

    crontab记录日志 修改rsyslog vim /etc/rsyslog.d/50-default.conf (我的是root用户) 搜索cron 把如下行之前的注释"#"去掉 ...

  3. RealtimeRendering III

    [RealtimeRendering III] 1.砖块渲染实例. 1)brick & mortar diffuse texture. 2)brick & mortar gloss t ...

  4. 加载 AssetBundle 的四种方法

    [加载 AssetBundle 的四种方法] 1.AssetBundle.LoadFromMemoryAsync(byte[] binary, uint crc = 0); 返回AssetBundle ...

  5. 四层协议给站点设置独享ip

    四层协议给站点设置独享ip 初始化为四层节点 设置独占ip 设置独享的产品不用预设置分组 增加站点 创建站点后,在分组解析里会自动创建一个以站点名为名称的分组并且会自动分配一个独享的ip在这个分组里( ...

  6. GreaseMonkey开发(一):第一个自定义插件Hello GreaseMonkey!

    GreaseMonkey最好在火狐浏览器上使用,下载好GreaseMonkey,重启浏览器右上角会出现一只小猴子. 新建一个脚本. 确定,填入代码保存. // ==UserScript== // @n ...

  7. MONGO的简单语法,新手实用

    window上启动方式:(简单略) mongod --dbpath E:\study_lib\mongodb\db --port=27000 show dababases; (创建配置文件的启动方式) ...

  8. IDEA2017-破解方法

    @方法一 第一步:下载jar 包 地址:https://github.com/locationbai/registerIDEA_2017.3.2_jar 第二部:将下载好的jar放在idea安装目录下 ...

  9. linux下外接显示器亮度调节

    下载Brightness Controller 即可调节. 还可以通过如下命令: 使用xrandr | grep -v disconnected | grep connected命令查看连接的显示设备 ...

  10. Dedecms织梦内容页获取当前页面顶级栏目名称方法

    Dedecms织梦做站的时候,需要在当前页面调用顶级栏目名称的时候,织梦默认{dede:field name='typename' /} 可以获取当前栏目页上一级栏目的名称,而不是当前栏目顶级栏目名称 ...