JQuery に関するいくつかの役立つヒント

JQuery コード

/* リンクを新しいウィンドウで開きます: JQuery フィルター attr
* 右クリック メニューをポップアップするマウスを無効にします: DOM contextmenu
* ページの先頭に戻ります: DOMscrollTo
* 動的に置き換えますCSSスタイルシート: JQueryフィルター 要素属性
* ページのフォントサイズを調整: Css html.css parseFloat
*/
//DOM読み込みが完了していることを確認
$(document).ready(function () {

/* http で始まる href 属性を持つリンクは、リンクを新しいウィンドウで開きます* /
// ^ フィルター、属性: 特定の文字列で始まります
$("a[href ^='http']").attr("target ", "_blank");

/* マウスの右ボタンを無効にする* /
//DOM contextmenu はマウスの右クリック メニューです
$(document).bind("contextmenu", function (e) {
alert (("右クリック禁止!"));
//下方向に実行しない、つまり右クリックメニューは表示されません
return false
});

/* 先頭に戻ります。 page*/
// id="top" の要素のクリックイベントがトリガーされます
$('#top').click( function () {
// ページの先頭に戻ります
$ (document) . Scrollto (0, 500)
}); この値は、リンク タグの href 属性値を置き換えます
$("a.cssSwap").click(function(){
$("link[rel=stylesheet]") ).attr("href",$(this) .attr("rel"));
});


/* ページのフォント サイズを拡大、縮小、復元*/
// フォント サイズ、フォントを取得-size は html タグで定義されます
varoriginalFontSize = $("html").css("font-size");
//デフォルトのフォントサイズに戻します
$(".resetFont").click(function () {
$("html").css("font- Size ", OriginalFontsize);
// JavaScript は実行されません
false を返します
});

// 特定の要素のクラスが定義されていますincreasefont
$ (". Increasefont ") として。 px、pt、pc を使用
から ' s ' parseFloat の '-' - - を使用して接尾辞を取得し、接尾辞を削除
var currentFontSizeNumber = parseFloat と入力します。 （currentFontsize）; / 現在のフォント サイズのサフィックス px、pt、pc を取得します
var currentFontSize = $("html").css("font-size")
// px、pt、pc のサフィックスを使用
off サフィックス
var currentFontSizeNumber = parseFloat(currentFontSize);
//フォント サイズを再定義します
var newFontSize = currentFontSizeNumber * 0.9; .css("font-size", newFontSize) ;
// JavaScript は下向きには実行されません
return false;

- デフォルトのスタイル シート-- >

スタイルシートを動的に変更する

フォントサイズを調整

フォントサイズをリセット
フォント サイズを大きくする

リンクを新しいウィンドウで開きます

新浪

捜胡

ブログ ガーデン

ページの先頭に戻る

y上記はJQuery のいくつかの便利なテクニックの内容については、さらに関連記事については、PHP 中国語 Web サイト (www.php.cn) に注目してください。