jQuery语法使用

导入包

<!--导入jquery包-->
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

文档:https://jquery.cuishifeng.cn/element.html
公式: $(选择器).action(事件)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--导入jquery包-->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<a href="" id="test_jQuery">点我</a>

<script>
/*公式
* $(选择器).action(事件)
* https://jquery.cuishifeng.cn/element.html
* */

$('#test_jQuery').click(function (){
    alert('jQuery');
})

//原生JS,选择器少,麻烦不好记
//标签
document.getElementsByTagName();
//id
document.getElementById();
//类
document.getElementsByClassName();


//jQuery  css中的选择器都能用
$('p').click();//标签选择器
$('#id').click();//id选择器
$('.class').click();//class选择器


</script>

</body>
</html>
版权声明:本文为小幼虫虫原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/123xian/p/16229663.html