jQuery 常用方法
其他
2020-10-26 02:38:40
阅读次数: 0
监听事件
方法 |
含义 |
名词解释:selector |
选择器$(“p”)、$(“p.intro”)、$(“p#demo”) .class #id |
$(document).ready(function) |
当文档完成加载时 |
$(selector).click(function) |
元素的点击事件 |
$(selector).dblclick(function) |
元素的双击事件 |
$(selector).focus(function) |
获得焦点事件 |
$(selector).mouseover(function) |
鼠标悬停事件 |
获得内容和属性
方法 |
含义 |
$(“selector”).text(“有参数为修改”) |
设置或返回所选元素的文本内容 |
$(“selector”).html(“有参数为修改”) |
设置或返回所选元素的内容(包括 HTML 标记) |
$(“selector”).val(“有参数为修改”) |
设置或返回表单字段的值 |
$(“selector”).attr(“属性值”,“第二个参数为修改”) |
方法用于获取属性值 |
插入删除数据
方法 |
含义 |
$(“selector”).append("<li>Appended item</li>"); |
元素的结尾插入内容(无回车) |
$(“selector”).prepend("<li>Appended item</li>"); |
元素的开头插入内容(无回车) |
$(“selector”).after("<li>Appended item</li>"); |
元素之后插入内容(有回车) |
$(“selector”).before("<li>Appended item</li>"); |
元素之前插入内容(有回车) |
$(“selector”).remove(); |
删除被选元素及其子元素(啥也没有了) |
$(“selector”).empty(); |
删除被选元素的子元素 |
插入css样式
方法 |
含义 |
$(“h1,h2,p”).addClass(“blue”); |
添加一个或多个类 |
$(“h1,h2,p”).removeClass(“blue”); |
删除一个或多个类 |
$(“h1,h2,p”).toggleClass(“blue”); |
进行添加/删除类的切换操作 |
$(“p”).css({“background-color”:“yellow”,“font-size”:“200%”}); |
设置样式 |
隐藏与显示
方法 |
含义 |
名词解释:speed |
速度,可以取以下值:“slow”、“fast” 或毫秒 |
名词解释:callback |
完成后所执行的函数名称 |
$(selector).hide(speed,callback); |
隐藏数据 |
$(selector).show(speed,callback); |
显示数据 |
$(selector).fadeIn(speed,callback); |
淡入 |
$(selector).fadeOut(speed,callback); |
淡出 |
$(selector).fadeToggle(speed,callback); |
淡入淡出 |
转载自blog.csdn.net/xiaozhezhe0470/article/details/108820895