jQury选择器_Dom操作_样式_事件处理

说说库和框架的区别?

库可以说是一个函数库,里面放了各种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)
为元素属性赋值

导航
Tabs
加载

你可能感兴趣的:(jQury选择器_Dom操作_样式_事件处理)