常用jquery小技能总结1

Posted 2020-10-11

1使文档加载好再执行JS

 $(document).ready(function(){

 });

2通过点击引发的事件

 $(".btn").click(function(){

 }); 

3让模块隐藏和显示

  $(this).toggle（）

4添加、移除class

 $(selector).addClass(‘myclass‘);

 $(selector).removeClass(‘myclass‘);

5鼠标悬停添加class

 $(".btn").hover(function(){

   $(this).toggleClass("hover");}

6获取select选中option的值

 x=$(this).find("option:selected").text();

7凭空添加div

 var d="<div class=‘toast‘></div>";

 $(body).append(d);

8添加动画

$(this).animate({‘width‘:‘600px‘})