JavaScript jQuery

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>
posted @ 2022-05-06 17:21  小幼虫虫  阅读(33)  评论(0)    收藏  举报