jQuery--方法详解

最新推荐文章于 2025-08-09 20:51:19 发布

sonia_gintoki

最新推荐文章于 2025-08-09 20:51:19 发布

阅读量418

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： javascript jQuery

本文链接：https://blog.youkuaiyun.com/sonia_gintoki/article/details/50778998

jQuery 专栏收录该内容

4 篇文章

订阅专栏

1 dom 筛选方法

2 遍历查找方法

3 特殊符号的处理

4 选择器的优化

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>

<p id="1">1<span>sp</span></p>
<p>2</p>
<p>33</p>
</body>
<script type="text/javascript">
	/*
	dom 筛选方法
基本格式: $('基本选择器').方法名()
$('p').eq(0) 
$('p').filter('.class/#id类id这种')
$('p').first()
$('p').last()

x.is()判断n个标签是否包含某类 某id
.has()同上       。。。标签
.not()也是除去什么其他
.map(function{
	alert ...val())
	拿到多个值的对象  可拼字符串 变数组

.slice(1,5) 1234被选中,还可以传负数
*/

console.log($('p').filter('#1').html());


/*
遍历查找方法
.children(['p']) 选取某元素的孩子，括号内不加就是所有子孙
.parent()  上一级
.parents('xx')   括号不填是整个文档，填了就是找xx的fu
.offsetParent() 返回父元素中第一个postion设置了的
.next()紧邻的兄弟元素 
.nextAll()
.prev()前一个兄弟元素
prevAll()
.siblings(['']) 上下的兄弟元素都选择

.end()
$span.parent().css(..).end().css(..)
.end就是返回到span给他css,,看下面实例
.addClass()添加样式<span style="white-space:pre">	.removeClass()</span>
.addBack() 像用next时把自己本身也加上,,看下面实例
.each(function{)对多个执行这个

*/
//$('span').parent().css('border','solid 10px orange').end().css('color','blue');

$('#1').next().addBack().css('border','solid 10px orange');



/*
特殊符号的处理
name = gender[]
$('input[name = gender\\[\\]]'
单引号加1个转义符
中括号加两个

*/



/*

选择器的优化

1最快的是id
2class前添加标签名 $('p .a  id别这样·
3采用find( 比上下文查找快
4比缓存快 如果要通过它查找上下文可以缓存起来
缓存：var p = $('p')
5div.div1 p2比.div1 p.p2快


*/
</script>
</html>