Jquery常用方法集合

  • jquery 的作用

write less , do more
原生js 写个轮播,jq几行就可以搞定。简化操作.便于维护.兼容性好.还有一系列插件用。还可以自己封装插件给别人用。

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

jq对象只能用jq里的提供的方法去操作
Dom原生对象只能用原生的方法去操作
jq - > 原生Dom $(this) -> $(this)[0]($(this).get(0))
原生Dom - > 原生Dom this -> $(this)

普通的Dom对象可以用$()包装起来转换为jQuery对象: $(document.getElementById('#test').html()
jq 对象本身本身是一个集合,要转换为Dom对象,可通过数组索引取出。
1.$(node).get(0)
2.$(node)[0]

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

bind unbind delegate live jq的低版本有 新版本新增了on() 和off()方法。
bind 和 unbind
bind 匹配所有对应的元素添加事件
unbind()如果没有参数,则移除所有事件
live
使用事件代理 , 为后加进来的的元素也添加了事件.
delegate
事件代理为父元素添加事件,通过冒泡传递给父元素做出响应。
.on() (events[,selector],[,data],handler)
events还可以这样写 比如 click.toggle 添加命名空间 方便特指的那个
events 与 handler 必须加 [,selector],[,data],可选
不加 [,selector] 简单的绑定。
加 [,selector] 使用事件代理
.off()参数为事件类型。如果后面不跟命名空间则删除所有的绑定事件

$('el').on('click',function(){})
$('el').on('click.toggle',function(){})
$('el').on('click',{name: 'lii',age: 34'},function(e){console.log(e.data})
  • jquery 如何展示/隐藏元素?
$(el).show()
$(el).hide()
相互转换状态
$(el).toggle()
  • jquery 动画如何使用?
    .animate()
    定义多个参数使用{}形式,比如
    .animate({width: '20px',height: '30px'})
  • 题目7:如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
html
$(el).html()获取
$(el).html(.....)设置
text
$(el).text()获取
$(el).text(.....)设置
  • 题目8:如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
    input
    $(el).val(....)设置
    $(el).html()获取

attr
$(el).attr()设置 (一个参数是获取)
$(el).attr()获取 (2个参数是设置)

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

推荐阅读更多精彩内容

  • You Don't Need jQuery 转自You Don't Need jQuery 前端发展很快,现代浏览...
    HelloKang阅读 470评论 0 1
  • 首先附上jQuery官网 http://jquery.com/ 2.0版本开始放弃了对IE7/8及其之前版本的...
    风之帆阅读 714评论 4 2
  • 前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQu...
    codinger阅读 669评论 0 3
  • 1、 jQuery 能做什么? jquery是一个丰富的js库,内部对js的很多复杂的方法进行了封装和加工,比如j...
    zh_yang阅读 1,422评论 6 13
  • 小时候我基本上没过过圣诞节。 在我最渴望过圣诞节的那些岁月里,我总是个孤家寡人。 如果你是个孤家寡人,那圣诞节对你...
    冰原上的铁路工阅读 265评论 0 0