淘先锋技术网

首页 1 2 3 4 5 6 7
jQuery是一个JavaScript库,它能够简化JavaScript代码的撰写和处理HTML文档、事件、动画等等。如果你平时在使用jQuery时,感觉有些函数的用法记不清楚,那么以下是一些jQuery常用的速查代码。

1. 获取DOM元素:

$(selector) // 通过选择器获取元素,selector可以是组合选择器如:".class, #id, tag"
$(element) // 通过原生DOM元素获取jQuery对象
$(elements) // 通过一个或一组DOM元素获取jQuery对象
$("
") // 创建新元素并返回jQuery对象

2. 修改元素属性和内容:

.attr(name, value) // 获取或者设置元素属性
.prop(name, value) // 获取或者设置元素属性
.val(value) // 获取或者设置元素的value值
.text(text) // 获取或者设置元素的文本
.html(htmlString) // 获取或者设置元素的HTML
.addClass(className) // 添加类名
.removeClass(className) // 移除类名
.toggleClass(className) // 切换类名

3. 事件相关:

.click(handler) // 触发click事件
.hover(handlerIn, handlerOut) // 触发hover事件
.on(event, selector, handler) // 绑定事件
.off(event, selector, handler) // 移除事件
.toggle(handler1, handler2) // 交替执行两个事件
.trigger(event) // 触发事件

4. 样式相关:

.css(name) // 获取元素样式
.css(name, value) // 设置元素样式
.css(obj) // 一次性设置多个样式
.width() // 获取元素宽度
.height() // 获取元素高度
.offset() // 获取元素位置

5. 遍历和筛选元素:

.each(function) // 遍历元素
.filter(selector) // 筛选元素
.find(selector) // 在元素内部查找子元素
.parent() // 获取父元素
.children() // 获取所有子元素
.next() // 获取下一个元素
.prev() // 获取前一个元素
.first() // 获取第一个元素
.last() // 获取最后一个元素

以上是一些jQuery的速查代码,但还远远不能完全涵盖全部的API。如果对于jQuery还不熟悉的话,不妨花一些时间去学习更多的jQuery函数,能够为你的前端工作提供更好的帮助。