使用jquery获取标签的id属性

jQuery其实本质就是JavaScript ,是对js的封装，极大地简化程序的编写，使代码更少，功能更加完善，兼容了主流浏览器，不用再单独做版本适配，大大增加程序开发效率
script当中可以写原生js代码，也可以写jQuery代码，使用jQuery代码需要重新开一个script标签
window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，包括资源数据加载完成，才会立刻执行某个方法
语法
window.onload = funcRef;
需求
获取div标签的id，并用弹窗显示
原生js完成：

    <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>jQuery练习</title><!-- jquery引入，导入对应的js文件 --><script src="js/jquery-1.12.4.min.js"></script><!-- 使用jQuery代码需要重新开一个script标签 --><script>// 当前页面的标签和标签使用的资源数据都加载完成，onload事件才会触发window.onload = function(){var dDiv = document.getElementById("div1");alert(dDiv);}</script>
</head>
<body><div id="div1">新的一天又开始啦</div>
</body>
</html>

使用jQuery完成
$是jQuery的象征,本质上就是一个函数，只不过函数名字特殊
ready ：只需要等待页面标签加载完成，就执行ready事件，不会等待资源数据加载完成，比原生js中的window.onload函数运行速度要快
语法：
$(document).ready(function)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>jQuery练习</title><!-- jquery引入，导入对应的js文件 --><script src="js/jquery-1.12.4.min.js"></script><!-- 使用jQuery代码需要重新开一个script标签 --><script>$(document).ready(function(){// 获取标签和css样式匹配标签的规则一致，使用jquery时，变量名都要以$符号开头// #div1:类似于id选择器var $div = $("#div1");alert($div);});</script>
</head>
<body><div id="div1">新的一天又开始啦</div>
</body>
</html>

jquery 的ready() 与window.onload()的区别可参考如下链接，这个大佬写的很详细：
https://www.cnblogs.com/wsun/p/3916487.html

使用jquery获取标签的id属性相关推荐

JQuery获取元素的display属性
JQuery获取元素的display属性 $('#input_id').css('display')
jquery 获取父页面Id 值
jquery 获取父页面Id 值 $('#id', parent.document).val();
jQuery获取标签属性值（一）
1.box-shadow属性可以设置盒子阴影的效果其参数为: box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需的.水 ...
前端小技巧：javascript 获取标签中的属性对指定标签中的属性进行操作
javascript 标签中指定属性值的更改与获取适用于基本标签 <input><i><a>等基本标签引用jQuery,两种方式使用下面的input标签为例子 ...
如何使用jQuery获取元素的ID？
<div id="test"></div> <script>$(document).ready(function() {alert($('#te ...
获取标签的src属性兼容性
获取节点如script标签的src属性时,针对非IE6,IE7可以直接使用src属性,但在IE6-7中存在问题,可以借助getAttribute方法 getAttribute(attr,iflag) ...
jQuery获取标签的方法
一.CSS选择器 //jq文件引入 <script src="./js/jquery3.6.0.js"></script> <script>$( ...
maven ＜server＞标签的id属性
如果要在项目中deploy到nexus maven私服, 肯定要写下面配置 <distributionManagement><repository><id>qqtt ...
JQuery 获取标签中属性值
/获取属性值 1 <div id="text" value="黑哒哒的盟友"><div> jQuery取值: $("#text ...

使用jquery获取标签的id属性

使用jquery获取标签的id属性相关推荐

最新文章

热门文章