標籤：技術 自訂 span javascrip 動畫 對象 div query document
jquery中的事件及動畫
一.事件頁面載入
$(document).ready(function(){xxxxx})
簡寫
$(function(){
//do something
})
元素繫結事件
bind() on()
bing(事件類型，選擇性參數：事件對象的額外的資料對象，綁定處理函數)；
hover（） toggle（）//1.91版本後去除 解決辦法 詳見我另一篇文章
自訂事件
事件冒泡
<script type="text/javascript">$(function(){ // 為span元素繫結click事件 $(‘span‘).bind("click",function(){ var txt = $(‘#msg‘).html() + "<p>內層span元素被點擊.<p/>"; $(‘#msg‘).html(txt); }); // 為div元素繫結click事件 $(‘#content‘).bind("click",function(){ var txt = $(‘#msg‘).html() + "<p>外層div元素被點擊.<p/>"; $(‘#msg‘).html(txt); }); // 為body元素繫結click事件 $("body").bind("click",function(){ var txt = $(‘#msg‘).html() + "<p>body元素被點擊.<p/>"; $(‘#msg‘).html(txt); });})</script></head><body><div id="content"> 外層div元素 <span>內層span元素</span> 外層div元素</div><div id="msg"></div>
阻止預設事件
event.stopPropagation(); 或者 rturn false
<script type="text/javascript"> $(‘#content‘).bind("click",function(event){ var txt = $(‘#msg‘).html() + "<p>外層div元素被點擊.<p/>"; $(‘#msg‘).html(txt); event.stopPropagation(); });
移除事件
unbind
類比事件
trigger（）與 one（）
二.動畫
跳過show hide
animate（）方法
【鋒利的Jquery】讀書筆記四
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
