jquery 常用函数

Posted 唯一的liaoliao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 常用函数相关的知识,希望对你有一定的参考价值。

1.文档加载完成执行函数
 $(document).ready(function(){
  alert("开始了");
 });

2.添加/删除CSS类
 $(selector).addClass("NewClassName");
 $(selector).removeClass("ClassNameToBeRemoved");

3.JQuery选择函数
  1.$(‘#some-id‘).parent() 选择特定元素的父元素
  2.$(‘#some-id‘).next()  选择特定元素最近的下一个同级元素
  3.$(‘#some-id‘).siblings() 选择特定元素的所有同级元素

4.事件函数

  1.$("selector").toggle(function(){ } ,function(){ }); //交替执行

 2. $("#some-id").hover(function(){ }, function(){ }); //鼠标进入元素时执行第一个函数,离开元素时执行第二个函数

5.为元素添加效果

 1.样式

  $(‘selector‘).css(‘property‘, ‘value‘) //设置一个样式值

 2.隐藏/显示

  $(‘#some-id‘).show();    //无效果,会自动记录原来的display属性值(如:block, inline),再回复display值
  $(‘#some-id‘).hide();  //无效果,等效于:$(‘#some-id‘).css(‘display‘, ‘none‘);   隐藏元素,不保留物理位置

6.DOM操作

   $(selector).attr()); 

以上是关于jquery 常用函数的主要内容,如果未能解决你的问题,请参考以下文章

JQuery常用函数及功能小结

JQuery常用函数及功能小结

JQuery基本知识汇总;JQuery常用方法;浅入了解JQuery

JQuery常用函数及功能小结

Vue 在页面加载结束后执行某个函数

rstudio如何加载函数?