一、jQuery是什么?
jQuery是一个功能丰富、使用广泛的JavaScript工具库。
二、jQuery 如何获取元素?
将一个选择表达式,如CSS选择器,放进构造函数jQuery(),可简写成$(),jQuery(选择器)就可以用来获取对应的元素。
| 选择器 | CSS 模式 | jQuery模式 | 描述 |
|---|---|---|---|
| 元素名 | div{} | $('div') | 获取所有div元素的 DOM 对象 |
| ID | #box {} | $('#box') | 获取一个 ID 为 box 元素的 DOM 对象 |
| 类(class) | .box{} | $('.box') | 获取所有class为box的所有DOM对象 |
三、jQuery 的链式操作是怎样的?
jQuery不返回获取的元素,而是返回一个对象,我们称之为jQuery创造出的对象,这个对象可以操作对应的元素。链式操作,就是最终选中网页元素以后,对其进行一系列操作,并且所有操作可以连接在一起,以链条的形式写出来,如下
$('#test').find('.child').addClass('red')
四、jQuery 如何创建元素?
使用$函数创建新元素
var $newElement=$('<div><p>段落</p></div>')
五、jQuery 如何修改元素的属性?
增
$('body') //获取document.body
$('body').append('<div>1</div>') //添加小儿子
$('body').prepend(div或$div)添加大儿子
$('body').after(div或$div)添个弟弟
$('#test').before(div或$div)添个哥哥
删
$div.remove()
$div.empty()
改
$div.text(?)
$div.html(?)
$div.attr('title',?)
$div.style(?)
$div.addClass('red')
$div.on('click',fn)
$div.off('click',fn)
六、jQuery涉及到哪些设计模式?
- 不用new即可完成构造函数
- $(支持多种参数),该模式为重载
- 用闭包隐藏细节
$div.text()即可读也可写,getter/setter$fn是$.prototye的别名- jQuery针对不同浏览器使用不同的代码,该模式为适配器