js学习jQuery记录

八、jQuery

jQuery是什么

jQuery库，里面含有大量的JavaScript函数

获取jQuery

https://www.bootcdn.cn/ cdn外部引入 也可以下载下来引入

公式：$(选择器).行为()

<a href="" id="test-jquery">点我</a>

<script>
    
    $('#test-jquery').click(function() {
        alert('hello');
    })
</script>

选择器

//jquery css中的选择器都可以使用
$('p').click()//标签选择器
$('#id').click()//id选择器
$('.class').click()//class选择器

推荐一个jQury API 在线帮助文档 https://jquery.cuishifeng.cn/index.html

事件

鼠标事件、键盘事件、其他事件

鼠标事件

• click: 鼠标单击时触发；
• dblclick：鼠标双击时触发；
• mouseenter：鼠标进入时触发；
• mouseleave：鼠标移出时触发；
• mousemove：鼠标在DOM内部移动时触发；
• hover：鼠标进入和退出时触发两个函数，相当于mouseenter加上mouseleave。

键盘事件

键盘事件仅作用在当前焦点的DOM上，通常是<input>和<textarea>。

• keydown：键盘按下时触发；
• keyup：键盘松开时触发；
• keypress：按一次键后触发。

其他事件

• focus：当DOM获得焦点时触发；
• blur：当DOM失去焦点时触发；
• change：当<input>、<select>或<textarea>的内容改变时触发；
• submit：当<form>提交时触发；
• ready：当页面被载入并且DOM树完成初始化后触发。