• jQuery的操作2


    一:jQuery操作属性(atrribute),它有四种类型:

    1:操作单个属性atrr(name:value),如果这个属性已经存在,那它就是修改的意思,如果不存在,那它就是添加的意思。

    2:操作多个属性,它传入的是个对象atrr({name:value,name:value。。。。。})

    3:获取属性值,atrr(name),只要穿一个属性就可以,不需要传值,如果没有这个属性,那返回的是undefined。

    4:移除属性:用法和获取属性一样,但是如果这里不传参数的,那就没有效果,一个都不移除,不是全都移除。

    JQuery操作值,可以分为两部分:获取值和设置值。操作值我们用的是val()

    1:获取值时不需要传入参数,它一般获取的都是表单的值

    2:设置值时要输入一个value,注意:在select中设置时,如果和值有对应的option,那就那这个option被选中,如果没有对应的option,那select选中的是空白。

    JQuery操作内容也和值一样可以分为获取内容和设置内容,但不同的是它每样都有两个方法,两个方法也是有区别的,分别是:

    JQuery操作尺寸也是像上面一样分为获取和设置两部分。之前css()也是可以操作尺寸的。获取尺寸就不需要传参数,直接写height和width一个获取高度,一个获取宽度,而且获得是数值类型,不是字符串类型。

    设置时需要传入参数,需要传入的也是数字类型:

    Height()

    Width()

    Jquery操作坐标也是分为获取坐标和设置坐标。

    获取坐标:有两种方法,offset和position,但两个是有区别的:

    Offset:获取到的坐标是相对于页面的左上角而言,而且返回值也是一个对象{top:xx,left:xx}

    Position:它是获得当前元素相对于有定位的父元素的坐标,如果父元素没有坐标,那它会一层层网上找,一直找到body为止。

    设置坐标只有一种,position是不能设置坐标的。只有offset有,它需要传入是也是一个对象,需要注意的是,如果当前元素没有定位的话,它会默认给当前元素设置定位为relative。

    JQuery操作滚动条,也是分为获取和设置。滚动的注册时间我们一般给document或window设置。

    获取滚动条也是不需要传参数:

    Scrolltop()是获得滚动条的纵向滚动值

    Scrollleft()获得滚动条的横向滚动值

    设置滚动条的滚动值,需要传入一个参数,是数值参数

    JQuery的时间机制,它分为绑定时间机制和解绑事件机制。

    绑定事件机制有四种:

    1:之前常用的click(fn)。

    2:bind(types,fn)。

    3:delegate(selector,types,fn)

    4:on(types,selector,data,fn)

    这四种是有区别的,所以我们一般只会用到第四种。

    第一种它不能绑定多个事件,只能绑定一个。

    第二种它不能绑定动态创建出来的事件。

    第三种是委托事件,它可以绑定动态创建的元素,也可以绑定多个事件。

    第四也是委托事件,也可以绑定多个事件,可以绑定动态创建的元素,因为在jQuery后来的版本中on取代了第二和第三种,所以第二第三种都不用了。

     

    事件委托的原理:(它其实就是冒泡原理)

    On方法中如果没有第二个参数,那它就是给自身绑定事件,不存在委托事件。

    接触绑定有三种,但两种一般也不用是unbind和undelegate,我们一般用off。它有三种用法。

    1:Off()不传参数,就是解绑所有事件。

    2:off(types)解绑指定类型的事件。自身和委托的事件都会被解绑。

    3:off(types,“**”)解绑指定类型的委托事件,自身的保存下来不解绑。

    触发事件:有三种方法触发。

    1:直接调用:$().click

    2:trigger(type)参数type就是要触发的事件的类型。

    3:triggerHandler(type)参数type就是要触发的事件的类型,但是它有个好处是不会触发浏览器默认行为。

    事件对象:

    事件对象有很多,我们常用的以下几种:

    其中event.data用法可以用个例子来解释更容易理解:

     

    这里用e.data,最后输出的是我有100快,而如果把e.data换成money的话,那输出的会是我有0快。

     event.stopPropagation() 阻止事件冒泡     event.preventDefault() 阻止浏览器默认行为       我们一般不用,我们而是用另一个return  false,它包含上面两个功能,简单粗暴。

  • 相关阅读:
    如何创建多线程
    Oracle导入数据表
    Oracle如何创建数据库用户
    Oracle忘记密码,如何修改密码
    Oracle如何创建表空间
    leetcode 787. K 站中转内最便宜的航班 js题解
    JS实现平衡二叉树
    typescript的安装与配置
    二分查找JS实现
    JS作用域(一):一般变量声明
  • 原文地址:https://www.cnblogs.com/cykblogs/p/5801075.html
Copyright © 2020-2023  润新知