zoukankan      html  css  js  c++  java
  • jQuery

    jQuery

    jQuery:

    1. jQuery是一个轻量级的、兼容多浏览器的JavaScript库。
    2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“

    jQuery对象

      就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象,那么它就可以使用jQuery里的方法:例如$(“#i1”).html()。$("#i1").html()的意思是:获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。

    相当于: document.getElementById("i1").innerHTML;

    虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法,同理 DOM对象也没不能使用 jQuery里的方法。

    一个约定,我们在声明一个jQuery对象变量的时候在变量名前面加上$:

    选择器

    基本选择器     id选择器:$("#id")   类选择器:$(".class")  标签选择器:$("tagname)  配合选择器$("div.ci")    全部选择$("*")     组合选择器$(".class,p,div")

    层级选择器       $(".outer div")(所有的后代)  $(".outer>div")(所有的子代)   $(".outer+div")(匹配所有跟在.outer后面的div)$(".outer~div")(.outer后面的所有div)

    基本筛选器     第一个:$("li:first")  最后一个$("li:first")    索引:$("li:eq(2)")  偶数$("li:even")  找到所有后代中有c1样式类的div标签:$("div:has(.c1)")             找到所有不包含c1样式类的li标签:$("li:not(.c1)")

     

    属性选择器      属性等于:$('[attribute=value]')   属性不等于$('[attribute!=value]'')

      表单选择器     :text  :password  :file  :radio  :checkbox  :submit  :reset  :button :enabled :disabled :checked :selected

      筛选器      下一个元素:$("#id").next()  后面所以元素$("#id").nextAll()  $("#id").nextUntil("#i2")                  

                 上一个元素:   $("#id").prev()    $("#id").prevAll()    $("#id").prevUntil("#i2")

                 父亲元素:   $("#id").parent()  $("#id").parents()   $("#id").parentsUntil() 

                 儿子和兄弟元素:  $("#id").children();儿子们  $("#id").siblings(); 兄弟们

     

  • 相关阅读:
    [CSP校内集训]2019.10.16数学专题
    Knights of the Round Table(缩点+判奇环) poj 2942 && 洛谷SP2878
    机房测试7:exam(二进制+模拟)
    机房测试9:gift(单调队列优化dp)
    机房测试9:hotel(神奇dp)
    机房测试8:question(求最大1矩阵:悬线法 or 二分)
    机房测试7:paint(分治+st表)
    机房测试6:矿石(优先队列)
    机房测试6:括号序列(hash+栈 )
    bzoj1123 && 洛谷 P3469 tarjan割点的运用
  • 原文地址:https://www.cnblogs.com/tianyu529/p/9135008.html
Copyright © 2011-2022 走看看