zoukankan      html  css  js  c++  java
  • jQuery选择器学习理解

      jQuery 使用的先决条件就是要选中元素。因此选择器就是学习使用jQuery的基础。

    jQuery选择器的固定格式是$("选择条件") ,jQuery的选择器又可以分为元素选择器、类选择器、ID选择器。选择器语法和css选择器语法类似

    1. 元素选择器$("p") 选择所有的p元素,$("a")选择所有的a元素。
    2. 类选择器$(".title") 选择css class为title 的元素。
    3. ID选择器 $("#news") 选择ID为news的元素。

    jQuery 选择器之间可以相互组合。例如选择所有css类是title 的p元素,可以使用$("p[class='title']")。这种写法属于

    属性过滤。类似的如果要获取id 为"select"的下拉列表选中项的文本可以这样写$("#select").children("option:selected").text()

    要同时选择多个不相关元素可以使用逗号将选择条件隔开 ,例如选择ID为"id1"和"id2"的元素可以使用$("#id1,#id2")。

    查找子元素可以使用find方法,例如要查找class 为"test" 的div 下面id为"xx" 的元素可以使用$(".text").find("#xx")。

    find 方法查找时是从直接子元素和间接子元素中查找。而children方法则是从直接子元素中查找。如果id为xx的元素是

    class 为"test" 的直接子元素。上面给的写法可以改写为$(".test").children("#xx");children方法使用时可以不加参数,

    默认返回所有子元素。而find方法必须带参数。

  • 相关阅读:
    Tomcat基于MSM+Memcached实现Session共享
    Zabbix简介及安装
    redis简介
    Ansible详解(二)
    Ansible详解(一)
    WAMP3.1.10/Apache 设置站点根目录
    最长回文子串--轻松理解Manacher算法
    一篇文章彻底了解Java垃圾收集(GC)机制
    java内存模型详解
    Java中23种设计模式--超快速入门及举例代码
  • 原文地址:https://www.cnblogs.com/Freedomchan/p/3130141.html
Copyright © 2011-2022 走看看