jquery的DOM与事件实例分析
本文小编为大家详细介绍“jquery的DOM与事件实例分析”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery的DOM与事件实例分析”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
jquery能做什么?
操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
jquery对象和DOM原生对象有什么区别?如何转化?
区别:
1、jquery选择器得到的jquery对象和标准的javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,两者不等价;
2、jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法.乱使用会报错。
如何转化:
jQuery对象转成DOM对象---两种转换方式:
1、jQuery对象是一个数据对象,通过[index]的方法
如:
var$v=$("#v");//jQuery对象
varv=$v[0];//DOM对象
2、jQuery本身提供,通过.get(index)方法
如:
var$v=$("#v");//jQuery对象
varv=$v.get(0);//DOM对象
DOM对象转成jQuery对象:
对于DOM对象,只需用$()把DOM对象包装起来,就可得到jQuery对象
如:
varv=document.getElementById("v");//DOM对象
var$v=$(v);//jQuery对象
jquery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?
通过jquery提供的api进行事件绑定。
bind:为一个元素绑定一个事件处理程序。
unbind:从元素上删除一个以前附加事件处理程序。
delegate:向匹配元素的当前或未来的子元素附加一个或多个事件处理器。
live:为当前或未来的匹配元素添加一个或多个事件处理器
on:在选定的元素上绑定一个或多个事件处理函数。
off:移除一个事件处理函数。
推荐使用on,off。
on的用法:.on(events[,selector][,data],handler(eventObject))
jquery如何展示/隐藏元素?
使用show(),hide()来展示和隐藏元素。
jquery动画如何使用?
通常情况下使用.animate()来进行自定义动画。
如何设置和获取元素内部HTML内容?如何设置和获取元素内部文本?
使用$(‘selector’).html()获取HTML内容,$(‘selector’).html(value)设置HTML内容使用
$(‘selector’).text()获取元素内部文本,$(‘selector’).text(value)设置文本内容
如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
$(‘selector’).val()获取表单内容
$(‘selector’).val(val)设置表单内容
$(‘selector’).attr(attributeName)获取元素属性
$(‘selector’).attr(attributeName,value)设置元素属性
$(‘selector’).removeAttr(attributeName)移除属性
读到这里,这篇“jquery的DOM与事件实例分析”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注恰卡编程网行业资讯频道。