关于jquery的一些总结

问答:

  • 说说库和框架的区别?
    答:
    库是一些方法的集合,类似于工具,直接拿来用的。
    而框架是有着一定的规范,类似于搭一个架子,需要什么内容按照它自己的规范去填充。大部分框架设计是基于MVC,MVVC模式的,如Angular,React等。

  • jquery 能做什么?
    答:
    jquery是一个轻量级的js库,实现了各种方法的封装,有良好的兼容性。方便的操作DOM元素,css的操作,元素事件绑定,各种动画效果的实现,ajax请求。

  • jquery 对象和 DOM 原生对象有什么区别?如何转化?
    答:
    jquery对象返回的结果是类数组对象,只能用自己的方法。
    DOM原生对象是一个DOM节点,只能使用DOM元素的属性和方法。

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

$(".btn").click(function(){ 
console.log("这是jq绑定事件的第一种方法")})
$(".btn").bind('click',function(){
 console.log("这是jq绑定事件的第二种方法")})
$(".btn").on('click',function(){ 
console.log("这是jq绑定事件的第三种方法")})

绑定事件各种写法的作用:
1、 .bind()方法用于把事件绑定到选中的元素上,只针对已存在的元素进行事件绑定。
2、 .unbind(),bind()的反向操作,从每一个匹配的元素中删除绑定的事件。
3、 .delegate(),为每一个符合条件的子元素绑定事件处理函数,类似于事件代理。
4、 .live(),事件处理函数绑定到document上,经过层层冒泡,直到目标元素。(被废弃)
5、 .on().on(events,[selector],[data],fn)events: 一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myContainer";selector: 用于过滤器出被选中元素可以触发事件后代元素;data: 当事件触发时,传递事件数据。fn: 事件触发时,执行的函数。
6、 .off(),移除on绑定的事件处理程序.
on事件代理的写法:

$(".info").on("click","span",function(e){ 
console.log("123");}) //当class名为info的元素下的任何一个span元素进行点击事件操作时,都会代理到.info上。
  • jquery 如何展示/隐藏元素?
$(selector).show(); //显示元素
$(selector).hide(); //隐藏元素
$(selector).toggle(); //显示隐藏元素相互切换
  • jquery 动画如何使用?
    答:
    $(selector).animate({styles},speed,callback);
    styles定义形成动画的css属性(必选项)
    speed是完成动画所需要的时间,值可设为 slow ,fast ,毫秒(可选项)
    callback是动画完成后所执行的回调函数(可选项).

  • 如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
    答:
    $(selector).html() 获取元素内部html内容$(selector).html(value) 设置元素内部html的内容为value$(selector).text() 获取元素内部文本$(selector).text(value) 设置元素内部文本内容为value(如果带标签,会被解析为字符串输出)

  • 如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
    答:
    $(selector).val() 获取表单用户输入的内容$(selector).val(value) 设置表单的值为value
    $(selector).attr(attributeName)获取元素属性 $(selector).attr(attributeName,value) 设置元素属性的值为value$(selector).removeAttr(attributeName) 移除元素属性

代码题一
代码题二
代码题三

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Jquery 中, $(document).ready()是什么意思?和window.onload 的区别? 还有...
    谢环志阅读 224评论 0 0
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 669评论 0 3
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,360评论 0 8
  • 治疗 医治一颗种子就如同 医治一支笔 它会在坠落的瞬间书写愤怒和凶险 这跟医治一个人的失眠并不雷同 像这个夜、这双...
    泛舟牛阅读 463评论 0 1
  • 冤家,一般是指死对头,也可表示对情人的昵称,这情人自然是又恨又爱的情人,《西厢记》中张生就称崔莺莺是“稔色人儿,可...
    一夕厘阅读 430评论 0 0