美文网首页
jQuery的相关

jQuery的相关

作者: 727上上上 | 来源:发表于2017-10-09 20:49 被阅读0次

题目1: jQuery 能做什么?

jquery主要是用来简化javascript的各种操作以及解决各种浏览器之间的兼容性

题目2: jQuery 对象和 DOM 原生对象有什么区别?如何转化?

jQuery对象和DOM原生对象是两种不同的对象类型,两者不等价,并且无法使用对方的方法来操作各自的对象
在jQuery对象后面加[index]就可以相等DOM原生对象
相反 则用$()包裹DOM原生对象就可以相等jQuery对象

题目3:jQuery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?

jQuery中提供了四种事件监听方式,分别是bind(在3.0版本已经移除)、live(在1.7版本已经移除)、delegate(在3.0版本已经移除)、on,对应的解除监听的函数分别是unbind、die、undelegate、off

  • bind():向匹配元素添加一个或多个事件处理器 ,当目标是动态添加的时候不会触发,需要重新绑定
    $(selector).bind(event,data,fn)
    event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等
    data:可选;需要传递的参数
    fn:必需;当绑定事件发生时,需要执行的函数
  • unbind(): 用于解除bind的绑定 $(selector).undind(event)
  • live():把函数绑定到$(document)元素上 ,任何时候只要有事件冒泡到document节点上,它就查看该事件以及该事件的目标元素是否匹配,如果都是的话,则执行函数。另外它仅能针对直接的CSS选择器做操作
    $(selector).live(event,data,fn)
    event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等
    data:可选;需要传递的参数
    fn:必需;当绑定事件发生时,需要执行的函数
  • delegate():与live()类似,但是是绑定具体的元素上,因此速度会比live()快
    $(selector).delegate(childselector,event,data,fn)
    childselector:可选;子元素选择器
    event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等
    data:可选;需要传递的参数
    fn:必需;当绑定事件发生时,需要执行的函数
  • on():在选择元素上绑定一个或多个事件的事件处理函数,推荐使用 。$(selector).on(event,childselector,data,fn)
    childselector:可选;子元素选择器
    event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等
    data:可选;需要传递的参数
    fn:必需;当绑定事件发生时,需要执行的函数
  • off(): 解除on的绑定 $(selector).off(types)

题目4:jQuery 如何展示/隐藏元素?

使用$(selector).hide()隐藏和$(selector).show()展示元素

题目5: jQuery 动画如何使用?

使用animate()方法执行css属性集
$(selector).animate(styles,speed,easing,callback)
styles:CSS样式使用DOM名称
speed:规定动画的速度,默认为"normal",可选'毫秒值','slow','fast'
easing:规定动画的easing函数,'swing'和'liner'
callback:animate函数执行后,要执行的函数

题目6:如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?

$(selector).html():html()为空时是获取元素内部html内容,有内容时则为传递一个参数来设置
$(selector).text():text()为空时是获取元素内部text内容,有内容时则为传递一个参数来设置

题目7:如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?

$(selector).attr():attr()为空时是获取元素属性,有内容时则为传递一个参数来设置
$(selector).val():val()为空时是获取表单中元素的值,有内容时则为传递一个参数来设置

相关文章

  • JQuery学习:第一篇

    相关知识点: jquery的介绍 jquery控制css jquery控制html jquery控制标签属性 jq...

  • jQuery的相关

    题目1: jQuery 能做什么? jquery主要是用来简化javascript的各种操作以及解决各种浏览器之间...

  • jQuery相关

    jQuery 能做什么? 首先要明白jQuery是一个JavaScript函数库,它极大地简化了JavaScrip...

  • jQuery 相关

    在jQ元素上调用.click()并不会触发原生js的点击事件,而是已绑定的jQ点击事件 宽高属性获取innerWi...

  • jQuery相关

    1. jQuery 能做什么? 首先jQuery是一个简单、精简、功能丰富的JavaScrip工具库,他提供了易于...

  • JQuery相关

    18.12.191、isNaN()内置函数的用法,不是数据格式的返回true!!(1)isNaN() 函数通常用于...

  • Jquery相关

    1. Jquery 相关文档 http://jquery.cuishifeng.cn 2. http-serve...

  • Git常用操作

    远程仓库相关命令 检出仓库:$ git clone git://github.com/jquery/jquery....

  • JQUERY UI使用初体验

    JQUERY UI使用初体验:JQUERY UI网址:https://jqueryui.com/ 相关文件下载地址...

  • jQuery相关操作

    jquery 选择器 jquery用法思想一选择某个网页元素,然后对它进行某种操作 jquery选择器jquery...

网友评论

      本文标题:jQuery的相关

      本文链接:https://www.haomeiwen.com/subject/axtmyxtx.html