JavaScript jQuery

2022-05-06 17:33:11 阅读：212 来源： 互联网

标签：jQuery cn JavaScript 选择器 click document id

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>

标签：jQuery,cn,JavaScript,选择器,click,document,id
来源： https://www.cnblogs.com/123xian/p/16229663.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript jQuery

jQuery语法使用