jQuery简单笔记

发表于 2019-10-24 分类于笔记，前端， jQuery 阅读次数： Waline：本文字数： 655 阅读时长 ≈ 1 分钟

jQuery

系列链接

$(选择器).方法();

jQuery:简写$,工厂函数,将don对象转换jQuery对象

js中操作的对象就是dom对象

选择器: 要操作的元素

方法:参数都是函数,jQuery中的方法都是事件方法

$(document).ready(function(){

});类似onload

各个对象只能调用自己的方法

连缀写法: $(#mydiv).mouseover(function(){

$(this).css(“background”,“red”)

}).mouseout(function(){

$(this).css(“background”,“pink”)

});

css(“属性”,属性值) 为元素设置css样式的值

addClass() 为元素添加类样式

next() 获得元素其后紧邻的同类元素

sho() 显示 “slow”

jQuery对象转dom对象 jQuery对象[0] jQuery对象.get(0)

$(“h3”).css(“background”,"#369");

$(“p”).each(function(i item){});

jQuery有很多选择器

*全局选择器

表单事件 focus blur

复合事件 hover

动画 show() hide() fadeIn() fadeOut()

addClass() removeClass() toggleClass()

.val()

元素添加 appendTo() prependTo()