23.JQuery选择器,事件和操作Dom元素

发布时间 2023-10-01 21:27:55作者: 一名狗书匠&

JQuery选择器:
//原生选择器少,不好记
//标签选择器
$('p').click();
//ID选择器
$('#id').click();
//类选择器
$('.class').click();

JQuery事件:当网页加载完之后相应以下事件
$(document).ready(function () {
})
简化之后的:
$(function () {

});

获取鼠标的坐标:
$(function () {
$('#divMou').mousemove(function (e) { mousemove鼠标移动事件,在div标签中获取鼠标移动事件
$('#mouseMou').text('x:'+e.pageX+'y:'+e.pageY);在mouseMou这里显示text文本,代表x,y的坐标
})
})

利用JQuery操作Dom元素:
//修改文本内容
$('#ul li[name=python]').text(); 选中id为ul的标签下方的li标签中name=python的标签,text修改文本的内容
//添加css样式
$('#ul').attr('style','color:red'); 选中id为ul的标签,attr属性,style样式,color:red 颜色为红色
//隐藏和显示元素
$('ul').show();show显示
$('ul').hide();hide隐藏