$(selector).action()
选择器 事件
<!--
公式: $(selector).action()
-->
<a href="" id="test-jquery">点我</a>
<script>
document.getElementById('test-jquery');
//选择器就是css的选择器
$('#test-jquery').click(function (){
alert('hello,jquery');
})
</script>
选择器
<script>
//标签
document.getElementsByTagName();
//id
document.getElementById();
//类
document.getElementsByClassName();
//jQuery
$('p').click();//标签选择器
$('#id1').click();//id选择器
$('.class1').click();//class选择器
</script>
文档工具站:https://jquery.cuishifeng.cn/
事件
鼠标事件 键盘事件 其他事件
鼠标事件
<body>
<!--要求:获取鼠标当前的一个坐标-->
mouse:<span id="mouseMove"></span>
<div id="divMove">
在这里移动鼠标试试
</div>
<script>
//当网页元素加载完毕之后响应事件
$(document).ready(function (){
$('#divMove').mousemove(function (e){
$('#mouseMove').text('x:'+e.pageX+'y:'+e.pageY)
})
});
</script>
</body>
操作DOM
节点文本操作
$('#test-ul li[name=python]').text(); //获得值
$('#test-ul li[name=python]').text('设置值');//设置值
$('#test-ul').html(); //获得值
$('#test-ul').html('设置值'); //设置值
css操作
$('#test-ul li[name=python]').css({"color","red"},{,});
元素的显示和隐藏
$('#test-ul li[name=python]').show();//显示
$('#test-ul li[name=python]').hide();//隐藏