ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery学習ノート 学習ノート(1)_jquery

JQuery学習ノート 学習ノート(1)_jquery

WBOY
WBOYオリジナル
2016-05-16 18:22:021088ブラウズ

1. jquery を使用します
jquery.com にダウンロードjquery.js 現前バージョンは 1.4.2
新建一个html页面

复制代码代码如下:




  
  
   



   http://jquery.com/">jQuery



代码解释:
$(document).ready(function(){...})在页面加下完時添加function()関数数内容
$("a" ).click(function(event){...}) 标签のクリックイベント関数を設定します
event.preventDefault() 原イベントの実行を阻止します
代償機能:点击标签だけ弹出アラート情報後、トップページは http://jquery.com/ にジャンプしません。
2. HTML クラス
の追加和移除、最初に 中にいくつかの样式を追加します。例:
复制代代码如下:



スクリプト内でaddClassとremoveClassを使用してHTMLクラスを追加および削除します。例:
复制代 代码如下:

$("a").addClass("test");//すべてa标记粗体
$("a").removeClass("test" );//取消全部a标记粗体

3. 特
jQuery 提供いくつかの非常に方便的な特
复制代 代码如下:

$("a").click(function(event){
event.preventDefault();
$(this ).hide("遅い");

点击标签後,标记ゆっくり消失
4.回调与関数
無参数回调

代制 代码如下:
$.get('myhtmlpage.html', myCallBack);

带パラメータ回调

复制代代码如下:
$.get('myhtmlpage.html', function(){
myCallBack(param1, param2);
});

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。