[ jquery 选择器 :last ] 此方法选取jquery对象中的最后一个对象

此方法选取jquery对象中的最后一个对象,与:first相对

实例:

<!DOCTYPE html>
<html lang=‘zh-cn‘>
<head>
<title>Insert you title</title>
<meta http-equiv=‘description‘ content=‘this is my page‘>
<meta http-equiv=‘keywords‘ content=‘keyword1,keyword2,keyword3‘>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js‘></script>
<script type=‘text/javascript‘>
    $(function(){
       var lastSelector = $(‘#list li:last‘).get(0).className;
       alert(lastSelector);
    });
</script>
</head>
<body>
    <ul id=‘list‘>
        <li></li>
        <li class=‘eq-selector‘></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li class=‘last-selector‘></li>
    </ul>
</body>
</html>
时间: 2024-12-18 11:50:52

[ jquery 选择器 :last ] 此方法选取jquery对象中的最后一个对象的相关文章

[ jquery 选择器 :even ] 此方法选取指定jquery对象中的偶数对象

此方法选取指定jquery对象中的偶数对象: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,k

[ jquery 选择器 :header ] 此方法选取匹配如 h1, h2, h3之类的标题元素

此方法选取匹配如 h1, h2, h3之类的标题元素 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keywor

[ jquery 选择器 :empty ] 此方法选取所有不包含子元素或者文本的空元素

此方法选取所有不包含子元素或者文本的空元素: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,k

[ jquery 选择器 :visible ] 此方法选取匹配所有的可见元素

此方法选取匹配所有的可见元素: 实例: <!DOCTYPE html> <html class='html'> <head class='head'> <meta charset=' utf-8'> <meta name='author' content='http://www.52jb.net/' /> <script type='text/javascript' src='./js/jquery-1.12.1.min.js'>&l

[ jquery 选择器 :odd ] 此方法选取指定jquery对象中的奇数对象

<!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keyword3'> <meta http-

jquery使用原生js方法 js/jQuery对象互转

javascript原生有许多方法,jquery自己也有一套封装好的方法,jquery自己的选择器非常方便,但有时候我们需要 使用原生的一些方法,如果我们使用jquery选择元素,直接调用原生javascript的方法就会出现错误.例如我们要输出一张图片的宽度: 原生js: javascript:     var dom1 = document.getElementById("pic").width;    alert(dom1) jquery: var dom2 = $("

jquery使用自带方法实现json对象合并的例子

1.使用jquery自带的方法 $.extend( true, object1, object2 ); 原文地址:https://www.cnblogs.com/dth08011122/p/9270969.html

JQuery:通过noConflict()方法同时使用jQuery 和其他框架

jQuery - noConflict()方法 一.如何在页面上同时使用 jQuery 和其他框架?jQuery 和其他 JavaScript 框架正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写.如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办?其他一些 JavaScript 框架包括:MooTools.Backbone.Sammy.Cappuccino.Knockout.JavaScript MVC.Google Web Toolkit.Googl

[ jquery 选择器 :first ] 此方法获取指定jquery对象下的第一个元素

获取匹配的第一个元素: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keyword3'>