jquery-1选择网页元素

最新推荐文章于 2024-07-05 14:21:58 发布

难瘦不难过

最新推荐文章于 2024-07-05 14:21:58 发布

阅读量274

点赞数

分类专栏： jq 文章标签： jquery

本文链接：https://blog.csdn.net/osweet12345678/article/details/51895819

版权

jq 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-2.2.3.min.js" type="text/javascript"></script>
    <style>
        #div1{
            width:200px;
            height: 200px;
        }

    </style>
</head>
<body>
<div id="div1" class="box"></div>
<ul>
    <li title="hello"></li>
    <li class="box"></li>
    <li class="box"></li>
    <li></li>
    <li title="hello"></li>

</ul>
<script>
    //选择属性操作的三种方法
   /* $('#div1').css('background','red');*/
    $('div').css('background','yellow');
   /* $('.box').css('background','blue');*/
    //以li为例的几种方法帅选方法
    //$('li').css('background','red');//所有的li
    //$('li:first').css('background','red');//第一个li
    //$('li:last').css('background','red');//最后一个li
    //$('li:eq(2)').css('background','red');//eq相当于给li从0编号
    //$('li:odd').css('background','red');//odd奇数
    //$('li:even').css('background','red');//偶数行
    //过滤选择filter
    //$('li').filter('.box').css('background','red');
    $('li').filter('[title=hello]').css('background','red');

</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

难瘦不难过

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery-1选择网页元素

html>lang="en"> charset="UTF-8"> Title src="jquery-2.2.3.min.js" type="text/javascript"> #div1{ width:200px; height: 200px; }
复制链接

扫一扫