首页 > Web开发 > 详细

使用jQuery获取html元素并进行简单操作

时间:2021-02-15 10:07:50      阅读:15      评论:0      收藏:0      [点我收藏+]

首先这里,我们需要新建一个jQuery项目,在js里面把jQuery复制过来,复制这个就好了:

技术分享图片

 

 (第一个文件)

技术分享图片

 

 像这样就OK了,然后在代码里面引入。

然后就看代码叭:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
 7         <script type="text/javascript">
 8             //第一种方法
 9             // function init(){
10             //     alert("init");
11             // }
12             // $(init);  //用来指定网页加载完成后要执行的函数
13             
14             //第二种方法
15             // $(function(){
16             //     console.log("init");
17             // });
18             $(function(){
19                 $("#one").show();  //使用jQuery使id为one里面的内容显示
20                 //上面这行代码:$("#one")会返回一个jQuery对象。总的来说,第一步:获取;第二步:操作
21                 //它的实际作用就相当于把display:none修改为了display:block
22             });
23             
24         </script>
25     </head>
26     <body>
27         <div id="one" style="display: none;">
28             你想要的未来,在你不愿做出的改变里。
29         </div>
30     </body>
31 </html>

技术分享图片

 

使用jQuery获取html元素并进行简单操作

原文:https://www.cnblogs.com/EvanTheGreat/p/14402305.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!