jq的学习总结01

开发工具与关键技术：VS,JQ
作者：刘任锋
撰写时间：2021年6月8日

01.jQuery - 获得内容和属性
text() - 设置或返回所选元素的文本内容 ;
html() - 设置或返回所选元素的内容（包括 HTML 标记） ;
val() - 设置或返回表单字段的值 ;
attr() 方法用于获取属性值;

示例代码：
$("#btn1").click(function(){
$("#test1").text(“Hello world!”);
});
$("#btn2").click(function(){
$("#test2").html(“Hello world!”);
});
$("#btn3").click(function(){
$("#test3").val(“Dolly Duck”);
})；
02.jQuery - 添加元素

append() - 在被选元素的结尾插入内容 ;
prepend() - 在被选元素的开头插入内容 ;
after() - 在被选元素之后插入内容 ;
before() - 在被选元素之前插入内容 ;

示例代码：
$(“p”).append(“Some appended text.”);
$(“p”).prepend(“Some prepended text.”);
$(“img”).after(“Some text after”);
$(“img”).before(“Some text before”);
03.jQuery - 删除元素

remove() - 删除被选元素（及其子元素） ;
empty() - 从被选元素中删除子元素 ;
示例代码：
$("#div1").remove();
$("#div1").empty();

04.jQuery获取并设置CSS类；
addClass() - 向被选元素添加一个或多个类 ;
removeClass() - 从被选元素删除一个或多个类 ;
toggleClass() - 对被选元素进行添加/删除类的切换操作 ;
css() - 设置或返回样式属性 ;
设置CSS属性
示例代码：$("p").css("background-color","yellow");设置多个CSS属性示例代码：$(“p”).css({“background-color”:“yellow”,“font-size”:“200%”});

05.JQuery事件：
Change();触发、或将函数绑定到指定元素的 change 事件;
Click():触发、或将函数绑定到指定元素的 click 事件;
Dbclick():双击触发、或将函数绑定到指定元素的 dbclick 事件;
evenpageX:相对于文档左边缘的鼠标位置;
evenpageY:相对于文档上边缘的鼠标位置;

06.JQuery效果：
hide():隐藏被选的元素;
show():显示被选的元素;
Stop():停止在被选元素上运行动画;