jQuery入门 设计思想 css选择

时间:01-16 来源:羽飞兔建站平台 浏览量:


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>jQuery入门 设计思想 css选择</title>

</head>

<body>

 

<script src="jquery/jquery-3.5.1.js"></script>

<script>

// console.log(jQuery)

// console.log($)

// console.log('p')

// document 整个文档

 

// var p = document.getElementById('nofe');

// var p = document.getElementsByTagName('p');

 

window.onload = function(){

// id选择

// $("#nofe").css("backgroundColor",'red');

// .class选择

// $(".box").css("backgroundColor",'red');

// tagName选择

// $("ul li").css("backgroundColor",'blue');

$("[name=hello]").css("backgroundColor",'yellow')

}

</script>

 

<p id="nofe">123</p>

<input type="text" name="hello">

<ul>

<li class="box">1111</li>

<li name="hello">11111</li>

<li>111111</li>

<li class="box">11111111</li>

</ul>

<ol>

<li>2222</li>

<li>22222</li>

<li>222222</li>

<li>2222222</li>

</ol>

</body>

</html>

声明:本站发布的内容以原创、转载、分享网络内容为主,如有侵权,请联系我们,电话:18210170187,邮箱:237375982@qq.con ,我们将会在第一时间删除。文章观点不代表本站立场,如需处理请及时联系我们。

返回列表

上一篇:常见的CSS选择器

下一篇:没有了

服务支持

为客户创造更大的价值从而实现自己的价值,为你的用户访问体验竭尽全力!

让您真正感受到我们的与众不同!

合作流程

羽飞兔建站平台帮您搭建网站,享受专业的建站服务,打造属于您自己的营销网站!

常见问题

如何制作自己的网站?网站seo优化如何开展?等网站建设常见问题。

售后保障

做网站就是做服务,就是做售后。我们的服务理念就是力求客户100%的满意。