88bifa必发唯一官网办法用法实例

复制代码 代码如下,此方法可以选取匹配元素集的子集,此方法删除与指定表达式匹配的元素

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

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

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

此方法获取匹配元素集合中的最后一个元素。

此方法可以选取匹配元素集的子集。

此方法删除与指定表达式匹配的元素。

语法:

语法结构:

语法结构一:

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

$(selector).last()

$(selector).slice(start, end)

$(selector).not(expr)

实例:

参数列表:

参数列表:

复制代码 代码如下:

参数 描述
start 开始选取子集的位置。第一个元素索引是0.如果是负数,则从集合的尾部开始选起。
end 结束选取子集的位置,如果不指定,则就是匹配元素集的结尾。
参数 描述
expr 字符串值,定义筛选表达式。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”;
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″
/>
<head>
<title>脚本之家</title>
<script type=”text/javascript”
src=”js/1.4.4/jquery.min.js”></script>
<script type=”text/javascript”>
    $(document).ready(function(){
        $(“li”).last().css(“color”,”blue”)
    })
</script>
</head>
<body>
    <div>
       <ul>
           <li>HTML专区</li>
           <li class=”js”>Javascript专区</li>
           <li>Div+Css专区</li>
           <li>Jquery专区</li>
      </ul>
    </div>
</body>
</html>

实例代码:

实例代码:

希望本文所述对大家的jQuery程序设计有所帮助。

实例一:

复制代码 代码如下:

您可能感兴趣的文章:

  • jQuery初学:find()方法及children方法的区别分析
  • jQuery
    find和children方法使用
  • jQuery中slice()方法用法实例
  • jQuery中not()方法用法实例
  • jQuery中has()方法用法实例
  • jQuery中map()方法用法实例
  • jQuery中is()方法用法实例
  • jQuery中filter()方法用法实例
  • jQuery中hasClass()方法用法实例
  • jQuery中first()方法用法实例
  • jQuery中children()方法用法实例

选取第一个元素

<!DOCTYPE html>
<html>
<head>
<meta charset=” utf-8″>
<meta name=”author” content=”//www.jb51.net/” />
<title>not()函数-脚本之家</title>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  alert($(“li”).not(“.js”).length)
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML专区</li>
    <li class=”js”>Javascript专区</li>
    <li>Div+Css专区</li>
    <li>Jquery专区</li>
  </ul>
</div>
</body>
</html>

复制代码 代码如下:

上述代码可以返回删除类名为js的li后jquery对象中li元素的数量。

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”author” content=”//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(){
  $(“li”).slice(0,1).css(“color”,”red”)
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML专区</li>
    <li class=”js”>Javascript专区</li>
    <li>Div+Css专区</li>
    <li>Jquery专区</li>
  </ul>
</div>
</body>
</html>

语法结构二:

实例二:

参数列表:

选取前两个元素

参数 描述
element 要被删除的DOM元素。

复制代码 代码如下:

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”author” content=”//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(){
  $(“li”).slice(0,2).css(“color”,”red”)
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML专区</li>
    <li class=”js”>Javascript专区</li>
    <li>Div+Css专区</li>
    <li>Jquery专区</li>
  </ul>
</div>
</body>
</html>

复制代码 代码如下:

实例三:

<!DOCTYPE html>
<html>
<head>
<meta charset=” utf-8″>
<meta name=”author” content=”//www.jb51.net/” />
<title>not()函数脚本之家</title>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  alert($(“li”).not(document.getElementById(“js”)).length);
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML专区</li>
    <li id=”js”>Javascript专区</li>
    <li>Div+Css专区</li>
    <li>Jquery专区</li>
  </ul>
</div>
</body>
</html>

选取第二个元素

上述代码可以返回删除id值为js的li后jquery对象中li元素的数量。

复制代码 代码如下:

语法结构三:

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”author” content=”//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(){
  $(“li”).slice(1,2).css(“color”,”red”)
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML专区</li>
    <li class=”js”>Javascript专区</li>
    <li>Div+Css专区</li>
    <li>Jquery专区</li>
  </ul>
</div>
</body>
</html>

复制代码 代码如下:

实例四:

$(selector).not(function)

选取最后一个元素

参数列表:

复制代码 代码如下:

参数 描述
function(index) 用来遍历元素的集合函数,并返回要被删除的一个元素。
此函数接受一个参数index,这是元素在jQuery集合的索引。
在函数中, this指的是当前的DOM元素。

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”author” content=”//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(){
  $(“li”).slice(-1).css(“color”,”red”)
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML专区</li>
    <li class=”js”>Javascript专区</li>
    <li>Div+Css专区</li>
    <li>Jquery专区</li>
  </ul>
</div>
</body>
</html>

实例代码:

希望本文所述对大家的jQuery程序设计有所帮助。

复制代码 代码如下:

您可能感兴趣的文章:

  • jQuery中prev()方法用法实例
  • jQuery中parentsUntil()方法用法实例
  • jQuery中parents()方法用法实例
  • jQuery中parent()方法用法实例
  • jQuery中nextUntil()方法用法实例
  • jQuery中nextAll()方法用法实例
  • jQuery中next()方法用法实例
  • jQuery中find()方法用法实例
  • jQuery中children()方法用法实例
  • jQuery中prevAll()方法用法实例

<!DOCTYPE html>
<html>
<head>
<meta charset=” utf-8″>
<meta name=”author” content=”//www.jb51.net/” />
<title>not()函数脚本之家</title>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  alert($(“li”).not(function(){return
$(this).attr(“class”)==”js”}).length);
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML专区</li>
    <li class=”js”>Javascript专区</li>
    <li>Div+Css专区</li>
    <li>Jquery专区</li>
  </ul>
</div>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

您可能感兴趣的文章:

  • jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
  • jQuery中parents()方法用法实例
  • jQuery中parent()方法用法实例
  • jQuery中nextUntil()方法用法实例
  • 88bifa必发唯一官网,jQuery中nextAll()方法用法实例
  • jQuery中next()方法用法实例
  • jQuery中find()方法用法实例
  • jQuery中children()方法用法实例
  • jQuery中slice()方法用法实例
  • jQuery中parentsUntil()方法用法实例