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函数,能够为你的前端工作提供更好的帮助。
上一篇jquery 选项菜单下一篇jquery 遍历tr