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格式的样式},时间,回调函数)