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(); 兄弟们

     

  • 相关阅读:
    【原】webpack--loaders,主要解释为什么需要loaders和注意事项
    【原】通过npm script运行webpack的原理
    原生js深拷贝函数
    git add 添加错文件的撤销方法
    item2 快捷键
    sudo su 和sudo -s的区别
    nvm常用命令
    【雅思】【口语】Describe a product you bought and felt happy
    【雅思】【口语】Help others
    【雅思】【口语】
  • 原文地址:https://www.cnblogs.com/tianyu529/p/9135008.html
Copyright © 2011-2022 走看看