jQuery.doc
上传人:sy****28 上传时间:2024-09-12 格式:DOC 页数:25 大小:329KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

免费试读已结束,剩余 15 页请下载文档后查看

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

jQueryjQueryisaJavaScriptLibrary.jQuerygreatlysimplifiesJavaScriptprogramming.jQueryiseasytolearn.Withouronlineeditor,youcaneditthecode,andclickonabuttontoviewtheresult.Example<html><head><scripttype="text/javascript"src="jquery.js"></script><scripttype="text/javascript">$(document).ready(function(){$("p").click(function(){$(this).hide()})})</script></head><body><p>Ifyouclickonme,Iwilldisappear.</p></body></html>WhatYouwillLearnInthistutorialyouwilllearn,bytextandlotsofon-lineexamples,howtoapplyJavaScripteffectstowebpagesusingjQuery.jQueryisalightweight"writeless,domore"JavaScriptlibrary.BasicallyyouwilllearnhowtoselectHTMLelements,andhowtoperformactionsonthemlikehiding,movingandmanipulatingtheircontent.WhatYouShouldAlreadyKnowBeforeyoustartstudyingjQuery,youshouldhaveabasicknowledgeof:HTMLCSSJavaScriptIfyouwanttostudythesesubjectsfirst,findthetutorialsonourHYPERLINK"http://w3schools.com/default.asp"Homepage.jQueryExamplesLearnbyexamples!AtW3SchoolsyouwillfindalotofjQueryexamplestoeditandtestyourself.jQueryReferencesAtW3SchoolsyouwillfindacompletereferenceofalljQueryobjectsandfunctions.jQueryIntroductionjQuerycanbeaddedtoyourwebpageswithasinglelineofmarkupBasicjQueryExampleThefollowingexampledemonstratesthejQueryhide()function,hidingall<p>elementsinanHTMLdocument.HYPERLINK"http://w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_p"jQueryfunction:HYPERLINK"http://w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_p"\t"_blank"$("p").hide()jQueryFeaturesjQueryisalibraryofJavaScriptFunctions.ThejQuerylibrarycontainsthefollowingfeatures:HTMLelementselectionsHTMLeventfunctionsHTMLelementmanipulationCSSmanipulationJavaScriptEffectsandanimationsHTMLDOMtraversalandmodificationAJAXUtilitiesAddingthejQueryLibrarytoYourPagesThejQuerylibraryisstoredasingleJavaScriptfile,containingallthejQueryfunctions.Itcanbeaddedtoawebpagewiththefollowingmark-up:Example<head><scripttype="text/javascript"src="jquery.js"></script></head