Web实训知识点——0326

最新推荐文章于 2019-05-18 20:48:58 发布

inmessionante_

最新推荐文章于 2019-05-18 20:48:58 发布

阅读量144

点赞数

本文链接：https://blog.csdn.net/inmessionante_/article/details/88911540

版权

jQuery
1.jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作；
2.基础语法是：$(selector).acti
on()
<1>美元符号定义 jQuery
<2>选择符（selector）“查询”和“查找” HTML 元素
<3>jQuery 的 action() 执行对元素的操作
示例1:
$(this).hide() - 隐藏当前元素
$(“p”).hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class=“test” 的所有元素
用代码实现：`

<body>
<p>123</p>
<p>123</p>
<p>123</p>
<span>123</span>
<span>123</span>
<span>123</span>
<a>123456</a>
<a>123456</a>
<a>123456</a>
<script type="text/javascript">
    var pl = document.getElementsByTagName("p")
    for(var i=0;i<pl.length;i++) {
        pl[i].style.backgroundColor = '#CCC'
        pl[i].style.width = '50px'
        pl[i].style.height = '50px'
    }
    $("a").css({color: "#ff0011",background: "blue"});
    $("span").css("background-color","red").css('color','blue')
</script>
</body>

boby代码

<div id="nav">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">课程大厅</a>
        <ul>
            <li><a href="#">web网页实战</a>
            <ul>
                <li><a href="#">web1</a></li>
                <li><a href="#">web2</a></li>
                <li><a href="#">web3</a></li>
            </ul>
            </li>
            <li><a href="#">服务端技术</a></li>
            <li><a href="#">python开发</a></li>
        </ul>
        </li>
        <li><a href="#">学习中心</a></li>
        <li><a href="#">经典案例</a></li>
        <li><a href="#">关于我们</a></li>
    </ul>
</div>

inmessionante_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web实训知识点——0326

jQuery1.jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作；2.基础语法是：$(selector).action()<1>美元符号定义 jQuery<2>选择符（selector）“查询”和“查找” HTML 元素<3>jQuery 的 action() 执行对元素的操作示例1:$(this).hide() - 隐...
复制链接

扫一扫