JavaScript16JQuery选择器、事件、操作DOM对象

5.2 JQuery 选择器

JQuery 的选择器 必须全都是 “” 或 ‘’ 包含起来的，也就是我们 只接收 字符串形式的！

1. 标签选择器 $('标签名')
2. ID选择器 $('#id名')
3. 类选择器 $('.类名')

JQuerty API 文档工具站

我们的 JQuery 是可以 接收 事件的！这就是 它的 强大之处。一旦 可以接收 事件，就真正实现了 人与浏览器页面的实时交互。

鼠标事件 mouse* 键盘事件 key 其他事件

要求：获取鼠标当前的一个坐标 ！！！










mouse：


JS 对于 操作 DOM 相对 JQuery 来说 还是比较麻烦的。JQuery 操作 DOM 就没那么 繁琐。

我们可以根据 选择器，玩出各种花样。

• Javascript


• Python

• 修改 css 样式

//更改 一个 CSS 样式
$('#test-ul li[class="js"]').css("color","red");


你直接就写一下 你需要更改的 样式属性 是哪个，需要更改的值 是什么 就完事了。

• 元素隐藏和显示

//让元素 显示
$('#test-ul li[class="js"]').show()
//让元素 隐藏
$('#test-ul li[class="js"]').hide()