jQuery学习笔记--Selector选择器

HTML CSS JavaScript前端布局与样式

最新推荐文章于 2020-07-15 16:01:58 发布

原创最新推荐文章于 2020-07-15 16:01:58 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #border #html #class

jQuery 专栏收录该内容

43 篇文章

订阅专栏

本文介绍如何使用HTML创建网页结构，CSS进行样式设计，以及JavaScript实现动态交互，通过实例展示前端布局与样式的应用。

 <!DOCTYPE html> 
<html> 
<head> 
<style> 
body { font-size:14px; } 
</style> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 


<ul class="topnav"> 
<li>Item 1</li> 
<li>Item 2 
<ul><li>Nested item 1</li><li>Nested item 2</li><li>Nested item 3</li></ul> 
</li> 
<li>Item 3</li> 
</ul> 

<script>$("ul.topnav > li").css("border", "3px double red");</script> 

</body> 
</html>