2020-02-24 每日总结

jquery是一个开源,轻量的javascript脚本库

jquery效果可用js实现

jquery

1.下载jquery文件

2.引用jquery  

3.入口函数(必须的)保证页面正常加载

/*入口函数*/

一种/* $(function(){

console.log("dssd");

}) */

两种/* $(document).ready(function(){

console.log("dfsfds");

}) */

***********************************

获取元素

$(“选择器”)

***********************************

jQuery对象和DOM对象转换

***********************************

DOM对象变为jQuery对象

var div1=document.getElementById("div1");

$(div1)

***********************************

jQuery对象变为DOM对象

$("div").get(0)

$("div")[0]

***********************************

jQuery对页面节点的操作

(1)设置节点样式

$("div").css("color","red");//一个样式

$("div").css({"color":"red","background-color":"green"});//多个样式

***********************************

(2)设置节点内容

/* $("div").text("fsfdsafa"); */

/* $("div").html("fsfasdf"); */

***********************************

(3)设置或获取节点属性

attr(“属性名称”,“属性值”)设置属性

attr(“属性名称”)获取该属性的值

addClass(“类名”) 添加类

removeclass(“类名”) 删除类

hasclass(“类名”) 判断接待你是否有该类

***********************************

(4)获取表单的值

val() 获取文本框的值

***********************************

DOM树的遍历

children(“选择器”)查找所有子节点(无参数)/查找特定子节点(有参数)

siblings(“选择器”) 查找所有的兄弟(无参数)/查找特点的兄弟

prev()/ next()上一个兄弟/下一个兄弟

parent()查找父节点

find(“选择器”)查找所有子节点中符合的节点

***********************************

创建节点

var $node=$("

nihao

");

***********************************

插入节点

/*子节点*/

//$("div").append($node);//作为最后一个子节点插入

//$("div").prepend($node);//作为第一个节点插入

/*兄弟节点*/

//$("p").after($node);//添加下一个节点

//$("p").before($node);//添加上一个节点

***********************************

删除节点

//$("p").remove();//删除所有被选中节点,包括文本和子节点

$("p").empty();//删除本身和子节点

***********************************

动画

显示隐藏 show(speed,callback) hide(speed,callback)//宽高同时缩小

或者 slideDown(speed,callback) slideUp(speed,callback) //只改变高度

或者fadeIn(speed,callback) fadeOut(speed,callback)//改变透明度

两个参数 callback speed

callback回调函数 speed速度

***********************************

自定义动画 animate({json格式的样式},时间,回调函数)

你可能感兴趣的:(2020-02-24 每日总结)