程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> jquery學習。。

jquery學習。。

編輯:關於JSP

jquery:即JS庫;
<script type="text/javascript" src="jquery.js"></script>
<script>
 $(doucument).ready(function(){
   $(selector).click(function(){
     $(selector).hide();
});
});
</script>
jquery選擇器
1.jquery元素選擇器 $("p")選取p元素 $(".p")選取class=p的元素 $("#p")選取id=p的元素
2.jquery屬性選擇器 $("[href]");選取帶有href屬性的元素 $("[href$='.jpg']");選取href值以.jpg結尾的元素
3.jquery css選擇器 $("p").css("background-color","red");

jquery事件函數
為解決命名沖突 var jq=jquery.noconflict();
$(document).click();$(document).dbclick();

jquery效果
隱藏,顯示,切換,滑動及自定義動畫
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
$(selector).slidedown(speed,callback);
$(selector).slideup(speed,callback);
$(selector).slidetoggle(speed,callback);
$(selector).fadeIn(speed,callback);
$(selector).fateout(speed,callback);
$(selector).fateto(speed,callback);
$(selector).animate({paragram});

jquery html 操作
$(selector).html(content);
$(selector).append(content);
$(selector).after(content);
$(selector).before(content);

jquery css操作
$(selector).css(name,value);
$(selector).css(properities);
$(selector).css(name);


jquery ajax操作
$(selecor).load(url,data,callback);

 

 

 

 
本文出自 “宋葉子” 博客

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved