精华内容
下载资源
问答
  • JQuery基本选择器

    2018-11-29 23:26:49
    JQuery基本选择器

    JQuery通过借鉴CSS1-3并做一些新增来提供一组强大的匹配文档中元素的工具。在使用时,如果需要使用元字符(!"#$%&'()*+,./:;<=>?@[\]^`{|}~)作为名称的一部分,必须使用两个反斜杠(\\)来对其进行转义,如有一个元素id="a.b",则可以通过使用选择器$("#a\\.b")来选择此元素。

    *:选择DOM选中所有元素包括head、body等,如果浏览器启用了将<script>或<link>元素插入DOM的扩展/附加组件,该元素也会被计算在内。

    #:选择id具有指定属性值的单个元素。如果有多个元素具有相同的id,则第一个元素会被选中。但是不建议存在相同id的元素。eg:选择id为test的属性,$("#test")。选择id为test的div,$("div#test")。

    .:选择具有指定class的元素。如果元素有多个class,只要有一个匹配就可以。eg:选择具有名字为test的class的div元素,$("div .test")。

    element:选择名字为element的元素。eg:选择所有p元素,$("p")。

    ,:选择任何满足条件的元素。eg:选择所有的div元素,或具有name属性的input元素,或禁用的input元素,$("div,input:[name],input:disabled")。

     

     

    展开全文
  • jQuery基本选择器

    2021-01-25 16:44:30
    jQuery基本选择器 – 006-jQuery-基本选择器.html 1、测试前的准备工作 A、定义测试对象 在中定义被选择对象。 B、定义测试对象的 CSS 样式 在中定义 div 的样式。 C、定义测试使用的按钮 在中定义若干按钮。 2、...

    举例:selector

    jQuery基本选择器 – 006-jQuery-基本选择器.html

    1、测试前的准备工作

    A、定义测试对象

    在中定义被选择对象。

    在这里插入图片描述

    B、定义测试对象的 CSS 样式

    在中定义 div 的样式。

    在这里插入图片描述

    C、定义测试使用的按钮

    在中定义若干按钮。

    2、id 选择器(#id)

    jQuery 的 id 选择器为$(“#id”)。

    在这里插入图片描述

    3、类选择器(.类名)

    jQuery 的 class 选择器为$(“.类名”)。

    在这里插入图片描述

    4、标签选择器(标签名)

    jQuery 的标签选择器为$(“标签名”)。

    在这里插入图片描述

    5、所有选择器(*)

    jQuery 的所有选择器为$(“*”)
    在这里插入图片描述

    6、组合选择器(A,B)

    jQuery 的组合选择器是指多个被选对象间使用逗号分隔后形成的选择器。

    在这里插入图片描述

    展开全文
  • jQuery 基本选择器

    2019-10-03 09:51:31
    1.1返回数组的查找方式可以通过索引取到集体的标签 1.2 DOM与jQuery的比较 ...1.6 jQuery基本选择器 1.7 组合选择器 1.8 后代标签 子标签 毗邻标签 1.9 过滤 (放在冒号里面...

    1.1返回数组的查找方式可以通过索引取到集体的标签

    1.2 DOM与jQuery的比较

    1.3 先导入模块 才能写jQuery语句

    1.4 jQuery简写成$

    1.5   jQuery对象与DOM对象的转换

    1.6 jQuery基本选择器

     1.7 组合选择器

     

    1.8 后代标签 子标签 毗邻标签 

     

    1.9 过滤 (放在冒号里面)

    2.0 箭头变成小手

    2.1 类筛选器

    2.2 设置属性

    2.3 标签的方法(放在标签的外面加括号执行)

    2.4  .find 方法

    2.5 find与filter的区别

     

    转载于:https://www.cnblogs.com/cavalier-chen/p/9802839.html

    展开全文
  • jquery基本选择器

    2017-05-23 09:51:10
    jQuery 基本选择器   1 基本选择器 $(‘#id属性值’) ----------->document.getElementById() $(‘tag标签名称’)----------->document.getElementsByTagName(); $(‘.class属性值’) class属性值选择器 $...
    
    

     

    1 基本选择器

    $(‘#id属性值’)  ----------->document.getElementById()

    $(‘tag标签名称’)----------->document.getElementsByTagName();

    $(‘.class属性值’)   class属性值选择器

    $(‘*’)     通配符选择器

    $(‘s1,s2,s3’)联合选择器

    /**********************************************/

     

    <script type="text/javascript">
    function f1(){
    //① $('#id属性值')
    $('#username').css('color','red');
    //② $('tag标签名称')tag标签选择器
    $('input').css('background-color','blue');
    //③ $('.class属性值') class类别选择器
    $('.apple').css('background-color','green');
    //④ $('*') 通配符选择器
    //$('*').css('background-color','gray');
    //⑤ $('s1,s2,s3...')联合选择器selector
    $('p,#username,.apple').css('font-size','25px');
    }
    </script>
    <style type="text/css">
    #username{}
    p{}
    .apple{}
    *{}
    .apple,span,input{} /*联合选择器*/
    </style>

    <h2>基本选择器</h2>
    <input type="text" name="username" value="xiaoqiang" id="username" /><br />
    <p>Today is Sunday</p>
    <div class="apple">We are studying jquery</div>
    <span>this is beijing</span><br />

    <input type="button" value="触发" οnclick="f1()" />

    展开全文
  • JQuery 基本选择器

    2020-06-14 13:42:35
    基本选择器 标签选择器(元秦选择器) 语法: $(“html标签名”) 获得所有匹配标签名称的元素 id选择器 语法: $("#id的属性值") 获得与指定id属性值匹配的元素 类选择器. 语法: $(".class的属性值") 获得与指定的class...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,827
精华内容 2,330
关键字:

jquery基本选择器