• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

JQuery 基本命令

开发技术 开发技术 3小时前 2次浏览

JQuery
js 的入口函数 window.onload=function(){}
jquery 的入口函数 $(function(){})

$() 找标签
click() 点击事件是个匿名函数
css() 修改css样式 使用大括号可以写多个样式属性
$(this) 表示标签自身

$(‘#box”) id 选择器
$(‘.box”) 类 选择器
$(‘div”) 标签 选择器
$(‘.box li”) 后代 选择器
$(‘.box > a”) 子代 选择器
$(‘.box,.one”) 并集 选择器

选择器筛选
$(‘.box li:first”) 第一个 li
$(‘.box li:last”) 最后一个 li
$(‘.box li:eq(2)”) 第3个 li 索引从 0 开始
$(‘.box li:gt(3)”) 索引大于3的 li
$(‘.box li:lt(3)”) 索引小于3的 li
$(‘.box li:even”) 偶数 li
$(‘.box li:odd”) 奇数 li

方法找标签
$(“.box li”).eq(0) 第一个 li
$(“.box li”).first() 第一个 li
$(“.box li”).last() 最后一个 li

表单筛选
$(‘.box input:text’) input 中 是 text 标签
$(‘.box input:submit’)
$(‘.box input:password’)

关系选择器
$(‘.box’).parent() 父元素
$(‘.box’).children(条件) 所有子元素
$(‘.box’).siblings(条件) 所有兄弟元素
$(‘.box’).next() 下一个元素
$(‘.box’).nextAll() 下面所有 元素
$(‘.box’).prev() 上一个元素
$(‘.box’).prevAll() 上面所有 元素


程序员灯塔
转载请注明原文链接:JQuery 基本命令
喜欢 (0)