进阶-任务14

库和框架的区别

  • 库可以认为是很多工具的集合,在开发时我们使用库中的工具来简化开发流程
  • 框架是一种结构,可以看做是一个开发平台。开发者遵循一定的规则来开发符合自己需求的产品

jquery 能做什么?

jquery是一个javascript库,通过调用jquery提供的API使得处理如HTML文档遍历、DOM操作、事件处理、动画以及Ajax变得更简单,并且能够解决浏览器兼容性问题。

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

DOM原生对象具有原生JS的属性和方法
jquery对象是一个类数组对象,是对DOM原生对象的一个封装,不具有原生JS的方法,具有jquery对象自己的属性和方法

// DOM to jquery
$btn = $(btn)
// jquery to DOM
btn = $btn[0]

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

  • 一般使用.on( events [, selector ] [, data ], handler )绑定事件
  • bind,unbind: jQuery 3.0中已弃用此方法
  • delegate:指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。jQuery 3.0中已弃用此方法
  • live:Query 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。从 jQuery 1.7 开始,不再建议使用 .live() 方法。
  • on, off:在选择元素上绑定/解绑一个或多个事件的事件处理函数。推荐使用。
$('#ct').on('click', 'li', function(e) {
  alert('hello')
})

jquery 如何展示/隐藏元素

$('#ct').show()
$('#ct'),hide()

jquery 动画如何使用

动画demo

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

  • 设置元素内部 HTML 内容/文本
$ct.html('<span>hello</span>')
$ct.html()
  • 获取元素内部 HTML 内容/文本
$ct.text('hello')
$ct.text()

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

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

推荐阅读更多精彩内容

  • 问答部分 一、说说库和框架的区别? 库~是一个提供了封装好很多方法的工具,在这个工具里面,用与不用都是由你决定,控...
    dengpan阅读 299评论 0 0
  • 1- jQuery 介绍 jQuery是一个快速、简洁的JavaScript库。jQuery设计的宗旨是“writ...
    osborne阅读 225评论 0 1
  • 题记:生活, 苦乐皆有, 离合尽在。所以,现世安稳,岁月静好,才成为一种理想。 悄无声息的就踩在了十月的尾巴尖上,...
    旅途七年阅读 415评论 0 0
  • 实话生活 体悟人生 今天是2016年9月2日 天气晴天 温度:25-33度 今天早上三点多起床 起来了以后 先按柔...
    木风恒阅读 130评论 0 0
  • 那天的傍晚起了雾,让一切都透着微茫的味道。 亮起的路灯,散出暖黄的冷光。 大概是因为被雾气包裹,消减了原有的热。 ...
    宅囡阅读 528评论 2 2