初步认知jQuery
2024-09-01 20:04:02
jQuery:是JavaScript的一个类库全写JavaScript query write less do more
JavaScript查询写的更少做的更多
第一步先导入js文件:
<script type="text/javascript" src="js/js.js" charset="UTF-8"></script>
然后再去写你想要操作的元素。例:我想要通过id去获取div:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/js.js" charset="UTF-8"></script>
<script>
//1.js获得元素的方式
var div1=document.getElementById("div1");
//2.JQuery获得元素的方式
//第一步先导入js文件
var div2=$("div1");
</script>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
在这里我们写了js和jQuery的获取元素的方式的对比,很明显,jQuery简洁明了。
jQuery中alert弹框可以写多次且不冲突,js中只能执行最后一个alert。jQuery也有三种书写方式,常用的是第一种。
//js只会弹出456
window.οnlοad=function(){
alert("123");
}
window.οnlοad=function(){
alert("456");
}
/*
jquery三个都会弹出,可以写多个,不冲突
jQuery的三种书写方式
$的俩个含义:
1.相当于:window.οnlοad=function(){}
2.功能比window.onload更强大,可以表示多种意思。
*/
$(function(){
alert("123");
})
jQuery(function(){
alert("456");
})
$(document).ready(function(){
alert("789");
})
js弹框:
jQuery弹框:
最新文章
- CodeForces336 A &; B
- Ubuntu远程vnc配置
- SQL归档
- mysql 导出csv
- Nginx反向代理模板
- java设计模式之外观模式(门面模式)
- SwipeRefreshLayout实现上拉加载
- hdu1025 dp(最长上升子序列LIS)
- 25 个超棒的 HTML5 &; JavaScript 游戏引擎开发库
- 转载--DEV GridControl 的一些基本操作
- 在SSH框架中使用Spring的好处(转)
- Linux负载均衡软件LVS之三(配置篇)
- 自家服务器防止DDoS攻击的简单方法
- 在ASP.NET Core 2.0中使用MemoryCache
- 如何调用wasm文件?
- javaweb笔记—04(预编译和泛型)
- [leetcode]636. Exclusive Time of Functions函数独占时间
- Codeforces Round #427 (Div. 2) B. The number on the board
- 【LeetCode】131. Palindrome Partitioning
- 软工实践 - 第三十次作业 Beta答辩总结