jQury选择器_Dom操作_样式_事件处理
2017-02-14 本文已影响0人
饥人谷_全
说说库和框架的区别?
库可以说是一个函数库,里面放了各种api,库的内部做了各种封装和各种兼容实现,所以使得代码更简单,效率更高。
框架相当于一个模板,可以往框架里面填充内容来创建项目。
jquery 能做什么?
jQuery是一个Javascript库,可以让用户更简单的进行HTML文档DOM遍历、操作、事件处理、动画,以及使用Ajax。且具有多浏览器兼容性。
jquery 对象和 DOM 原生对象有什么区别?如何转化?
- 用法不同,因为jquery对象与dom原生对象是不相同的,所以它们提供的方法和属性也不相同。
- jquery对象是一个类数组对象拥有jquery的属性和方法。
- 原生dom对象拥有原生对象的属性和方法。
- var btn = $('#btn')[0] 加下标转换为dom原生对象
- $(btn)用$包裹原生对象成为jquery对象
jquery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?
- 绑定事件一般使用on: $(XX).on( events [,selector ] [,data ], handler(eventObject) ); 这是1.7版本后统一的写法。
- 在这之前,各种事件都有自己单独的绑定语句,比如click,有$(xx).click( [eventData ], handler ),
- bind()也是一种绑定事件的方法,但是已经被弃用了。
- unbind()用来解绑事件,同样也弃用。
- delegate(),用来执行事件委托,语法是:.delegate( selector, eventType, eventData, handler )
- live(),$(xx).live( events [, data ], handler )也是一种事件委托的方式,其中第二的参数可以传入selector,live给document绑定一个事件,当有事件触发时,判定事件源是否匹配selector,是的话则执行handler里的语句。
- off对应于on,用来解绑事件:.off( events [, selector ] ),不传入参数时会移除对象身上所有的事件。
推荐使用on,它的功能最齐全,也是官方推荐的事件绑定语法。handler(eventObject) ); 这是1.7版本后统一的写法。
jquery 如何展示/隐藏元素?
- 通过hide函数和show函数来显示和隐藏
- 通过添加删除active类来展示隐藏元素
- 通过css的display属性来展示、隐藏元素
jquery 动画如何使用?
$(selector).animate({params},speed,callback);
//例子
$('#box').animate({left:'30px',top:'100px'},500);
如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
$('#ele').html() //获取
$('#ele').html(value) //设置
$('#ele').text();
$('#ele').text(value);
如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
.val([string])
无参数时,获取表单用户的输入值
有参数时,设置表单的输入值
.attr(attributeName)
获取元素特定属性的值
.attr(attributeName, value)
为元素属性赋值