jQuery学习-基本选择器
2024-10-07 15:23:26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>基本选择器</title>
<script src="js/jquery.js"></script>
<style>
.astyle{
font-size: 28px;
color: red;
}
.bstyle{
font-size: 40px;
color: orangered;
text-decoration: none;
}
</style>
<script type="text/javascript">
$(function(){ //页面加载完成执行里面的函数
//所有元素选择器
//$("*").css("border","1px solid red");
//类选择器
//$(".astyle").css("border","1px solid red");
//元素选择器
//$("div").css("border","1px solid red");
//id选择器
$("#li3").css("border","1px solid red");
//组合选择器 方法 $("selector1","selector2",.......)
$("#li4","#a7",".astyle").css("border", "1px solid red");
});
</script>
</head>
<body>
<div>
<li><a herf="#">超链接1</a></li>
<li><a herf="#">超链接2</a></li>
<li id="li3"><a herf="#">超链接3</a></li>
<li id ="li4"><a herf="#" class="astyle">超链接4</a></li>
<li><a herf="#">超链接5</a></li>
<li><a herf="#">超链接6</a></li>
<li><a id="a7" herf="#" class="bstyle">超链接7</a></li>
</div>
</body>
</html>
最新文章
- linux kernel链表
- BZOJ 3036 绿豆蛙的归宿
- wordpress编辑器无法切换/输入
- Android中的事件分发和处理
- 使用开源库PhotoView
- POJ 3207 Ikki&;#39;s Story IV - Panda&;#39;s Trick (2-SAT)
- Oracle 11g for Windows 简体中文版的安装过程
- Apache环境服务器配置Let&#39;s Encrypt免费SSL证书及自动续期方法
- [ZJOI 2008]泡泡堂BNB
- PAT1090:Highest Price in Supply Chain
- 关于如何在Visual Studio上仿真调试安卓的U3D应用
- Debian 9.x ";stretch"; 安装 vnStat 统计服务器流量
- win32线程
- falsk sqlalchemy 自关联创建评论回复数据库
- The Embarrassed Cryptographer POJ - 2635 同余模+高精度处理 +线性欧拉筛(每n位一起处理)
- 20165314 2016-2017-2 《Java程序设计》第8周学习总结
- STM32_1 搭建工程框架
- CCNA2.0笔记_IPv6
- yii2:redis调用
- note01-计算机网络
热门文章
- linux 自启动 ,让生活更美好!!
- Oracle存储过程_语法
- d3js path generator vs layouts
- linux下yum安装指定的mysql版本
- 多数据源报错 expected single matching bean but found 2: xxx,xxx
- 铁乐学python_day25_序列化模块
- route命令使用
- ASP.NET Web Api vs Node.js Benchmark
- idea插件 总结 自认用比较不错的插件的总结
- 遇见C++ Lambda