zoukankan      html  css  js  c++  java
  • jquery中的基本理解以及样式属性操作

    Jquery是一个功能丰富的js库

    Js库: 封装了很多方法的js文件,需要时引入即可。

    Jquery中的入口函数

    1.$(function(){…})

    2.$(document).ready(function(){……})

    特点:等待页面加载完成即执行代码;形成沙箱,防止全局变量的污染

    和window.onload区别:

    它可以支持写多个,不会覆盖,window.onload存在覆盖问题;

    在执行时jquery会提前执行,不需要等待图片等加载

    Jquery对象和dom对象

    Dom对象:通过js dom方式,获取的页面元素,就是dom对象

    Jquery对象: 通过jquery方式,获取页面元素得到的对象,就是jquery对象

    他们两者之间的关联以及相互转换

    Jquery对象是dom对象的集合,里面存放了很多的dom对象;jquery对象是一个伪数组

    Jquery对象和dom对象属性方法不能混用

    Jquery对象可以通过下标取出来就是一个dom对象了

    注意点: .get方法获取到的是dom对象;.eq()获取到的是jquery对象

    Jquery中的选择器

    过滤选择器:$(‘li:odd’) 找奇数下标的li,下标从0开始

    $(‘li:even’)

    :first

    :last

    :eq()

    :selected(checked disabled) 找被选中的

    筛选选择器

    .next() 下一个兄弟元素

    .prev() 上一个兄弟元素

    .siblings() 所有的兄弟元素,不包括自己

    .children() 所有的子代

    .parent() 找父元素

    .eq(index) 找对应下标的元素,index从0开始

    .find() 找后代

    操纵样式的css方法

    1.   设置单个样式 css(name,value)

    2. 设置多个样式 css(obj)

    3. 获取样式 css(name) 获取的是第一个元素的样式

    操作类名的class方法

    1.   addClass() 添加类

    2.   removeClass()删除类

    3.   hasClass() 判断类  只要元素中有一个元素有这个类就返回true

    4.   toggleClass() 切换类

    jquery属性操作

    attr

    1.设置单个属性 attr(name,value)

    2.设置多个属性attr(obj)

    3.获取属性 attr(name)

    4.移除属性 removeAttr(name)

    Prop 专门操作布尔类型的属性  [disabled checked selected]

    Prop(checked) 获取

    Prop(checked, true) 设置

  • 相关阅读:
    [NOI2014]动物园
    [NOI2014]起床困难综合症
    bzoj2688 Green Hackenbush
    luogu P2575 高手过招
    [NOI2015]荷马史诗
    win10系统U盘读取不了怎么解决 三种方法快速解决"文件或目录损坏且无法读取& 发布时间:2020-06-05 09:19:46 作者:佚名 我要评论
    在 Linux 中,最直观、最可见的部分就是 文件系统(file system)
    GB 18030-2000《信息技术信息交换用汉字编码字符集基本集的扩充
    docker 分层 隔离
    DNS和BIND
  • 原文地址:https://www.cnblogs.com/z-lin/p/11101940.html
Copyright © 2011-2022 走看看