cari

Rumah  >  Artikel  >  hujung hadapan web  >  jQuery中andSelf()方法用法实例

jQuery中andSelf()方法用法实例

巴扎黑
巴扎黑asal
2017-06-24 10:33:221338semak imbas

这篇文章主要介绍了jQuery中andSelf()方法用法,实例分析了andSelf()方法将先前所选的元素加入当前元素集合中的使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery中andSelf()方法用法。分享给大家供大家参考。具体分析如下：

此方法可以将先前所选的元素加入当前元素集合中。

语法结构:

代码如下:

.andSelf()

对于此方法可能理解起来有所困难，那么下面就详细分析一下下面的一段实例，为了便于查看代码，只截取了代码中的核心内容。

代码如下:

$(".second").
next
All().css("color","green"); 
<ul> 
  <li>html专区</li> 
  <li class="second">p+CSS专区</li> 
  <li>
Javascript
专区</li> 
  <li>Jquery专区</li> 
</ul>

以上代码运行之后，第三个和第四个li中的文本颜色被设置为绿色。再看下面这个代码:

代码如下:

$(".second").nextAll().andSelf().css("color","green");
<ul>
  <li>html专区</li>
  <li class="second">p+CSS专区</li>
  <li>Javascript专区</li>
  <li>Jquery专区</li>
</ul>

以上代码运行之后，第二个、第三个和第四个li中的文本颜色被设置为绿色。
两个代码运行结果的差距就是因为andSelf()方法的原因。

分析一下代码的执行过程:首先使用类选择器会选中第二个li元素，然后再使用nextAll()方法会把第三个和第四个元素转化为当前所选。如果到这里开始调用css()方法，那么就是第一段代码的运行结果。如果调用andSelf()方法则会把先前所选的加入到当前元素集合中，于是再调用css()方法，三个li元素中的字体颜色都会变成绿色。

实例代码:

代码如下:

<!DOCTYPE html>
<html>
<
head
>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $(".second").nextAll().andSelf().css("color","green"); 
}) 
</script> 
</head> 
<body> 
<p> 
  <ul> 
    <li>html专区</li> 
    <li class="second">p+CSS专区</li> 
    <li>Javascript专区</li> 
    <li>Jquery专区</li> 
  </ul> 
</p> 
</body> 
</html>

Atas ialah kandungan terperinci jQuery中andSelf()方法用法实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery.andSelf()函数用法解析Artikel seterusnya：jQuery使用andSelf()函数方法

Artikel berkaitan

Lihat lagi