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方法必须带参数。

  • 相关阅读:
    Springboot学习:核心配置文件
    Springboot学习:底层依赖与自动配置的原理
    Springboot学习:介绍与HelloWorld
    js根据时间戳倒计时
    windows phone 豆瓣api的封装
    Android开发初始
    PHP(一)
    程序员修炼之道(一)
    WebClient和HttpReuqest两种网络请求的方式
    黑客与画家(二)
  • 原文地址:https://www.cnblogs.com/Freedomchan/p/3130141.html
Copyright © 2011-2022 走看看