博客列表 >jquery过滤方法——2018年4月4日7时40分

jquery过滤方法——2018年4月4日7时40分

沈斌的博客
沈斌的博客原创
2018年04月04日 07:41:30663浏览

jQuery过滤方法


实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery selector</title>
</head>
<body>
    <ul>
        <li>热点新闻01<a href="">立即查看</a></li>
        <li>热点新闻02<a href="">立即查看</a></li>
        <li>热点新闻03<a href="">立即查看</a></li>
        <li>热点新闻04<a href="">立即查看</a></li>
        <li>热点新闻05<a href="">立即查看</a></li>
        <li>热点新闻06<a href="">立即查看</a></li>
        <li>热点新闻07<a href="">立即查看</a></li>
        <li>热点新闻08<a href="">立即查看</a></li>
        <li>热点新闻09<a href="">立即查看</a></li>
        <li>热点新闻10<a href="">立即查看</a></li>
        <span>其他</span>
    </ul>
</body>
</html>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript">

    $('li').get(1).style.color='red'

    // jquery object
    $('li').eq(3).css('color','red')

    $('li').first().css('background-color','lightskyblue')

    $('li').last().css('color','coral')

    $('ul').find('a').css('color','green')

    $('ul').children("span").css('color','blue')

    $('li').slice(6).css('background-color','lightcyan')

</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

jquery过滤方法,jQuery对象的索引从0开始,将jQuery对象转为dom对象,$('li').get(1),对应的li是2。选择多个元素时可以用find,siblings,nextAll方法。

filter.png

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议