jquery DOM&事件

库和框架的区别?

  • 库(library):将代码集合成一个产品,供开发者调用。面向对象的代码组织而成的是类库,面向过程组织而成的是函数库
  • 框架(framework):为了解决一个(一类)问题而开发的产品,开发者只需要使用框架提供的类或函数就可以实现全部功能
  • 区别:库和框架比较类似,都是代码的集合,不过框架更具有针对性,可以说框架是库的升级版,提供一套完整的代码,不需要自己重组。

jquery能做什么?

  1. 动态操作CSS样式
  2. 用css()方法直接设置样式
  3. 用添加删除class更改样式
  4. 选择器快捷获取DOM
  5. 操作DOM
  6. 动态改变DOM内容
  7. 接受并响应事件
  8. 实现动画效果
  9. 操作动画队列
  10. 统一Ajax操作
  11. 简化JavaScript代码
  • 用css()方法直接设置样式



    
    
    
    Document
    


    

这是一个段落

  • 用添加、删除class更改样式



    
    
    
    Document
    
    


    

这是一个段落

  • 动态改变DOM内容



    
    
    
    Document
    


    

这是一个段落

  • 接受并响应事件



    
    
    
    Document
    


    

这是一个段落

jquery 对象和 DOM 原生对象有什么区别?如何转化?

  • DOM对象:DOM是Document object model的缩写,即文档对象模型,是W3C标准的用于操作文档的API
  • jQuery对象:是通过jQuery包装DOM对象后所产生的对象。
  • 区别
    1.两者的原理截然不同,并不是同一类的对象;
    2.两者拥有不同的方法,不能够混用,否则会出错;
  • 转换
    1.DOM对象转换成jQuery对象:在DOM对象外包装$()



    
    
    
    Document
    


    

这是一个段落

2.Query对象转换成DOM对象:[index]或get(index)




    
    
    
    Document
    


    

这是一个段落

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

  • bind:为一个元素一个或多个事件,绑定一个事件处理程序



    
    
    
    Document
    


    

这是一个段落

  • unbind:从元素上删除一个以前附加的事件处理程序
  • delegate:delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数;适用于当前或未来的元素(比如由脚本创建的新元素)



    
    
    
    Document
    


    

这是一个段落

  • live:附加一个事件处理器到匹配目前选择器的所有元素,现在和未来,1.7以后弃用
  • on:在选定的元素上绑定一个或多个事件处理函数,提供绑定事件处理的所有功能
    推荐使用:1.7版本以后,推荐on方法,可以替代之前所有方法



    
    
    
    Document
    


    
  • 1
  • 2
  • 3
  • off:移除一个事件处理函数

jquery 如何展示/隐藏元素?

  • 使用hide()和show()方法实现展示隐藏元素



    
    
    
    Document
    


    

Paragraph

jQuery动画如何使用?

  • jQuery animate() 方法用于创建自定义动画
    语法:$(selector).animate({params},speed,callback);
    {params}:设置动画效果
    speed:设置动画速度
    callback:设置回调函数



    
    
    
    Document
    
    


    
jQuery Anime

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

  • 设置和获取元素内部HTML内容:用html()方法可以获取,如果在()中写入文本,可以设置HTML内容



    
    
    
    Document
    


    
jQuery
  • 设置和获取元素内部文本:用text()方法就可以设置和获取元素内部文本内容,用法和html()一样
    text()与html()区别在于,html()会获取到内部的标签,text()获取的均是文本内容

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

  • 设置和获取表单用户输入内容
    通过val()方法,就可以设置和获取表单用户输入内容



    
    
    
    Document
    


    
    


导航条





    
    
    
    导航条
    
    



    
    



tab切换





    
    
    
    tab切换
    
    



    




    
    



代理





    
    
    
    代理
    
    



    


    



你可能感兴趣的:(jquery DOM&事件)