jQuery 基础学习笔记

$(document).ready(function(){

      --- jQuery functions go here ----
     // 保证当文档对象加载完成后，进行元素事件处理函数的绑定
});

//语法：
$(selector).hide(speed,callback);   
 //隐藏元素；speed :"slow"、"fast" 或毫秒 ms 数值， callback:回调函数名

$(selector).show(speed,callback);    
//显示元素；speed :"slow"、"fast" 或毫秒 ms 数值， callback:回调函数名

$(selector).toggle(speed,callback);   
 // 隐藏显示的元素，显示隐藏的元素；speed :"slow"、"fast" 或毫秒 ms 数值， callback:回调函数名

$(selector).fadeIn(speed,callback);
//淡入效果显示被隐藏的元素； speed :"slow"、"fast" 或毫秒 ms 数值， callback:回调函数名   

$(selector).fadeOut(speed,callback);
//淡出效果隐藏已经显示的元素 speed :"slow"、"fast" 或毫秒 ms 数值， callback:回调函数名 
$(selector).fadeTo(speed,opacity,callback);
//淡出显示到 指定的透明度

$(selector).slideDown(speed,callback);
//以下拉的效果显示被隐藏的元素   speed :"slow"、"fast" 或毫秒 ms 数值， callback:回调函数名 
 $(selector).slideUp(speed,callback);
//以上拉的效果隐藏显示的元素   speed :"slow"、"fast" 或毫秒 ms 数值， callback:回调函数名  
  $(selector).slideToggle(speed,callback);
//以下拉的效果显示被隐藏的元素，以上拉的效果隐藏显示的元素
$(selector).animate(styles,options); //动画元素

<element type=‘...‘ name=‘...‘  value=‘.....‘> 文本内容<element> </element>    </element>

$(selector).text();   //    获取或设置内容是元素标签里定义的除去其他标签的纯文本： 即上面的 ：“文本内容”

$(selector).html();  //     获取或设置 元素标签内的内容，包括其内的标签     即上面的 ： “文本内容<element>.... </element>”

$(selector).val();    //    获取或设置 元素 value 属性内的值
$(selector).attr(attribute);    //    获取元素 指定属性的值
$(selector).attr(attribute，value);    //    设置元素 指定属性的值
$(selector).attr(attribute,function(index,oldvalue)); // 设置元素 指定属性的值   index: 元素的索引值，oldvalue ：旧值
$(selector).attr({attribute:value, attribute:value ...})；// 同时设置多个值

before_area1 <element  .........>prepend_area2  someContent append_area3</element>after_area4             

$(selector).append(contnents);     // 将 contents 添加到  append_area3 位置

$(selector).prepend(contents);     // 将 contents 添加到  append_area2 位置
 $(selector).before(contents);     // 将 contents 添加到  append_area1 位置 

$(selector).after(contents);     // 将 contents 添加到  append_area4 位置
这里的content可以是字符串表示的元素，也可以是元素变量，并且可以多元素添加。

<div id=‘root‘>
      <div id=‘child‘>
              <div id=‘grandchild‘>
               ...
              </div>
      </div>
</div>

<script>
var  elements = $(selector).remove([filter]);
//移除满足条件的元素和其子元素，并返回之，这个移除是让 此元素和子节点从 DOM对象结构上移除，并将其保存于jQuery对象内。 // filter 满足选择器语法
 
$(selector).empty();
//清空元素内的内容，包括text，和内的节点
 
<script>

              

//获取指定的值
var  value=css("propertyname");

//设置值
css("propertyname","value");

// 设置多个值
css({"propertyname":"value","propertyname":"value",...});

$(selector).width() ;
$(selector).height();

$(selector).innerWidth() ;
$(selector).innerHeight();

$(selector).outerWidth([boolean]) ;
$(selector).outerHeight([boolean]) ;//false,不加外边框；true，加外边框