jquery一些基本函数

最新推荐文章于 2025-08-23 02:53:08 发布

weixin_30739595

最新推荐文章于 2025-08-23 02:53:08 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/txxt/p/5842589.html

本文介绍了jQuery的基本用法，包括选择器、事件绑定、DOM操作等核心功能，并提供了实例演示如何使用jQuery简化JavaScript编程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery一些基本函数

jquery.com
1.x版本兼容ie
2.x版本简化适合移动端

$('li:first') 第一个
$('li:eq(2)')
$('li:last') 最后一个
$('li:odd') 偶数行 1 3
$('li:even') 奇数行 0 2
$('li').filter('.box') 筛选类是box的li
$('li').filter('[title=hello]')

点击弹出div里的内容
$('#div1').click(function(){
alert($(this).html())
})

.css()
.click()
.html()
.has() 是否包含一个元素
.filter() 元素筛选
.not() 元素过滤
.next() 找到下一个兄弟节点
.attr() $('div')
.find() 寻找
.eq() 指定元素
.index() 索引,元素在所有兄弟节点中的位置

.addClass() .attr('class','box') 添加class
.removeClass()
.width() 默认像素,不带单位
.outerWidth() width+padding+border
.innerWidth() width+padding

.insertBefore() 插入在元素的前面
.insertAfter()
.append()
.appendTo()
.prepend()
.prependTo()
.before()
.remove() 删除节点

.on() 绑定事件
.off() 取消事件
$('<div>') 创建标签

event事件
ev.pageX(相对于文档) js中的clientX(相对于可视区)
ev.wich js中的KeyCode
ev.preventDefault() 阻止默认事件
ev.stopPropagation() 阻止冒泡事件
return false 阻止默认+阻止冒泡

.one() 执行一次事件

.offset().left
.offset().top
.position()

.parent() 获取父级
.offsetParent 获取有定位的父级
.val()
.size() 相当于length
.each() 循环

.hover(fn1,fn2) 鼠标移入移出
.show() 宽高透明度变换
.hide()
.fadeIn() 淡入
.fadeOut()
.slideDown() 向下展开
.slideUp() 向上收起

posted on 2016-09-05 15:58 TXXT 阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/txxt/p/5842589.html