- 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个参数是设置)
网友评论