jquery 常用函数

Posted 2020-07-29 唯一的liaoliao

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（）);