1. 使용 jquery 到jquery.com下载jquery.js当前版本是1.4.2 新建一个html页면 复system代码 代码如下: <STRONG>jquery.js</STRONG></SPAN>"> <BR> <SPAN 스타일="색상: #ff0000"> $(document).ready(function(){</SPAN><BR><SPAN style="COLOR: #ff0000"> $("a").click(function(event){</ SPAN><BR><SPAN style="COLOR: #ff0000"> Alert("보시다시피 링크를 클릭하면 더 이상 jquery.com으로 연결되지 않습니다.");</SPAN><BR>< ;SPAN style="COLOR: #ff0000"> event.preventDefault();</SPAN><BR><SPAN style="COLOR: #ff0000"> });</SPAN>< BR><SPAN style="COLOR: #ff0000"> });</SPAN><BR> <BR> <br><br><br>; <a href="<A class="external free" href="http://jquery.com/">http://jquery.com/</A>">jQuery</a> <BR></body><BR></html> <br> </div> <br>代码解释: <br> $(document).ready(function(){...})현재页면加载完时添加function()函数内容 <br> $("a" ).click(function(event){...})设置a标签的click事件函数 <br> event.preventDefault()阻止原事件执行 <br> 代码功能：点击<a>标签只弹출고 알림信息后，页면并不跳转到http://jquery.com/。 <br>2. 添加和移除HTML 클래스 <br> 首先在<head>中添加一些样式,例如： <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="10459" class="copybut" id="copybut10459" onclick="doCopy('code10459')"><U>复代码</U></a></span>代码如下:</div><div class="codebody" id="code10459"> <BR><style type="text/css"> <br>a.test { 글꼴 두께: 굵게; } <br></style> <br> <br>inscript中使사용addClass와removeClass来添加和移除HTML 클래스，例如： <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="88432" class="copybut" id="copybut88432" onclick="doCopy('code88432')"><u>复代代码</u></a></span> 代码如下:</div> <div class="codebody" id="code88432"> <br>$("a").addClass("test");//所有a标记粗体 <br>$("a").removeClass("test" );//取消所有a标记粗体 <br> </div> <br>3.特效 <br> jQuery提供了一些不常方便的特效 <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="27953" class="copybut" id="copybut27953" onclick="doCopy('code27953')"><u>复제조대码</u></a></span> 代码如下:</div> <div class="codebody" id="code27953"> <br>$("a").click(function(event){ <br>event.preventDefault(); <br>$(this ).hide("느림") <br>}); <br> </div> <br>点击<a>标签后，标记慢慢消失 <br>4.回调与函数 <br> 无参数回调 <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="9390" class="copybut" id="copybut9390" onclick="doCopy('code9390')"><u>复主代码</u></a></span> 代码如下:</div> <div class="codebody" id="code9390"> <br>$.get('myhtmlpage.html', myCallBack); <br> </div> <br>带参数回调 <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="91637" class="copybut" id="copybut91637" onclick="doCopy('code91637')"><u>复主代码</u></a></span> 代码如下:</div> <div class="codebody" id="code91637"> <br> $.get('myhtmlpage.html', function(){ <br>myCallBack(param1, param2); <br>}); <br> </div></a>
