python学习笔记(84) jQuery基础

Write less, do more.

相当于Python的第三方模块

  1.改变标签

  2.改变标签属性

  3.改变标签样式

  4.改变事件

找到标签:

  找出来的是jQuery对象

  jQuery("#d1")[0]

  $("div.c1")[0]

  $("div.c1")[1]

  括号里面和CSS选择器一样,不能加空格(后代)

  $("a,#d1,.c2")  // 组合选择器

  层级选择器:

    $("form input")

    $("form>input")

    $("form+input")

    $("form~input")

HTML对象和jQuery对象区别:

  1.jQuery对象转为DOM对象,用索引取出

  2.DOM对象转jQuery对象,$(DOM对象)

  3.jQuery对象保存变量的时候变量名加$

基本筛选器:

  查找条件都要写在引号里面

  :first  // $("ul li:first")

  :last

  :eq(index)  // 从0开始,支持负数

  :even  // 偶数

  :odd  // 奇数

  :gt(index)  // 大于索引的,从0开始

  :lt(index)  // 小于索引的

  :not  // $("p:not(.c2)") 移除满足not内条件的

  :has  // $("#d3 div:has(a)") 找内部有a的div,找的是div

属性筛选器:

  $("input[name='gender']")

  简写:

    :text

    :password

    :radio

    :checkbox

  $(":submit")

  对象属性:

    :enabled

    :disabled

    :checked

    :selected

  位置筛选:

    $("#d1").next()

    .nextAll()

    .nextUntil("#d5")

    .prev()

    .prevAll()  // 倒序

    .precUntil("#d8")

    .parent()  // $("a").parent().parent()  链式操作

    .parents()  // div#d2, div#d1, body, html

    .parents("body")  // 找到body这一级

    .parentsUntil()

    .children()  // 儿子们

    .siblings()  // 兄弟们

    .find()  // 在结果集里查找元素 $cEle.find("div"), 别处发来的对象

    .first()

操作标签:

样式操作:

  .addClass()

  .removeClass()

  .hasClass()

  .toggleClass()

  

猜你喜欢

转载自www.cnblogs.com/farion/p/10119978.html