jQuery ノート - ツール機能 - jQuery ロゴ-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

jQuery ノート - ツール機能 - jQuery ロゴ

巴扎黑

Jul 08, 2017 am 11:10 AM

jquery 関数ノート

jQuery は多くのツール関数を定義します。これらの関数の名前空間は $ ですが、ユーザーはそれをトップレベル関数として扱うことができません。実際には、静的に型付けされた関数に似ています。

一般的に言えば、ツール関数の主なタスクは、DOM 以外の

JavaScript オブジェクトを操作すること、またはオブジェクトに関連しない操作を実行することです。

jQuery は、$ で定義された変数を通じて開発者に役立つ顧客情報を提供します。これらのフラグ情報を通じて、現在のブラウザーの機能を簡単に検出できるため、ユーザーはこの情報に基づいて決定を下すことができます。

これらのフラグ情報には、jQuery.browser、jQuery.boxModel、jQuery.supportが含まれます

1. ユーザーエージェントの検出

ブラウザ検出方法:

1. 文字列検出方法: ナビゲータによる。 userAgent 属性は検出用の値を返します。ただし、jQuery はバージョン 1.3 からこのメソッドをサポートしなくなりました。その理由は、使用するのが面倒であり、jQuery のスマートな機能に反しているためです。

2. 機能検出方法: ブラウザが特定の機能をサポートしているかどうかに基づいて操作方法を決定します。

非正確、最も安全不ブラウザの ID を気にせず、ブラウザの実行能力のみを気にする場合は、この方法で十分です。 R 例: re

            var a;
            if(document.getElementsByName){               //如果存在getElementsByName，则使用该方法获取a元素
                a = document.getElementsByName("a");
            }
            else if(document.getElementsByTagName){       //如果存在getElementsByTagName，则使用该方法获取a元素
                a = document.getElementsByTagName("a")
            }

ログイン後にコピー

オブジェクト、メソッド、または属性を使用する場合、まず現在のブラウザーがそれをサポートしているかどうかを検出できます。論理式では、ブラウザーが論理式をサポートしている場合、オブジェクト、プロパティ、またはメソッドが返され、JavaScript はこれらのオブジェクトまたはメンバーを強制的に true に変換します。サポートされていない場合は undefine が返され、JavaScript が自動的に false に変換します。

注: メソッドまたは関数を検出するときは、かっこを追加しないでください。追加すると、JavaScript インタプリタがメソッドまたは関数を呼び出し、指定された関数が存在しない場合はコンパイルエラーが発生します。

ブラウザの種類を検出します:

js: var browser = navigator.userAgent; jQuery: ブラウザのプロパティ。 Internet Explorer、Mozilla、Webkit、Opera などの最も一般的な 4 つのブラウザクラスと各バージョン情報フラグを検出できます。 flag利用可能なフラグには、WebKit、Safari（DepRecated）、Opera、MSIE、Mozillaが含まれます。 R b $. jquery のブラウザプロパティ

1.9は削除されました。

ユーザーが現在使用しているブラウザに関連する情報を返すために使用されます。

ブラウザーの検出にこの属性を使用することはお勧めできません。これは、Navigator.useragent プロパティに基づいて

ブラウザー情報

を決定するため、その識別は必ずしも正確ではありません。

2. ボックスモデルの検出

jQuery.boxModel: フラグは、現在のページでどのボックスモデルが使用されているかを取得できます。 true: W3C 標準ボックスモデル; false: IE ブラウザボックスモデル

jQuery1.0 新增该静态属性；1.3中被标记已过时，请使用 jQuery.support.boxModel替代；1.8中被移除。

除IE浏览器外，其他浏览器都支持W3C标准盒模型，而IE浏览器能够根据页面模式（严格模式或怪异模式）有选择的使用不同类型的盒模型。如果页面顶部声明了文档类型（DOCTYPE），则IE也会采用严格模式，即W3C标准盒模型解析元素。如果文档当中没有包含文档类型（DOCTYPE），或者包含了无法识别的文档类型声明，即会以怪异模式显示，并按IE的传统的盒模型来解析元素。

IE传统的盒模型和W3C标准盒模型的区别：

1.IE传统盒模型：width和height属性包含内边距和边框宽度

2.W3C标准盒模型：width和height属性不包含内边距和边框宽度

用JavaScript检测盒模型：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>检测盒模型[JavaScript]</title>
    <script src="js/jquery2.1.3.min.js"></script>
    <script type="text/javascript">
        function isBoxModel(){
            var p = document.createElement("p");
            p.style.width = p.style.paddingLeft = "1px";
            document.body.appendChild(p);
            var width = p.offsetWidth;
            p.style.display = "none";
            document.body.removeChild(p);
            return width === 2;
        }
        window.onload = function(){
            alert(isBoxModel() && "支持W3C标准盒模型" || "支持IE的怪异解析模式");
        }
    </script>
</head>
<body>
</body>
</html>

ログイン後にコピー

三、检测功能或缺陷

jQuery的support属性：

返回一个Object对象，在该对象中包含了一组属性，他们代表了不同的浏览器功能或缺陷的存在的合集。

该对象的属性并不是一成不变的，jQuery也并不保证指定的属性在未来的版本中一定可用，这些属性主要供插件或内核开发人员使用。

以上がjQuery ノート - ツール機能 - jQuery ロゴの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7664

CakePHP チュートリアル

1393

C# チュートリアル

1205

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

Related knowledge

golang 関数で新しい関数を動的に作成するためのヒント Apr 25, 2024 pm 02:39 PM

Go 言語は、クロージャとリフレクションという 2 つの動的関数作成テクノロジを提供します。クロージャを使用すると、クロージャスコープ内の変数にアクセスでき、リフレクションでは FuncOf 関数を使用して新しい関数を作成できます。これらのテクノロジーは、HTTP ルーターのカスタマイズ、高度にカスタマイズ可能なシステムの実装、プラグイン可能なコンポーネントの構築に役立ちます。

C++ 関数の命名におけるパラメーターの順序に関する考慮事項 Apr 24, 2024 pm 04:21 PM

C++ 関数の名前付けでは、読みやすさを向上させ、エラーを減らし、リファクタリングを容易にするために、パラメーターの順序を考慮することが重要です。一般的なパラメータの順序規則には、アクション-オブジェクト、オブジェクト-アクション、意味論的な意味、および標準ライブラリへの準拠が含まれます。最適な順序は、関数の目的、パラメーターの種類、潜在的な混乱、および言語規約によって異なります。

Java で効率的で保守しやすい関数を記述するにはどうすればよいでしょうか? Apr 24, 2024 am 11:33 AM

効率的で保守しやすい Java 関数を作成するための鍵は、シンプルに保つことです。意味のある名前を付けてください。特殊な状況に対処します。適切な可視性を使用してください。

Excel関数の公式の完全なコレクション May 07, 2024 pm 12:04 PM

1. SUM 関数は、列またはセルのグループ内の数値を合計するために使用されます (例: =SUM(A1:J10))。 2. AVERAGE 関数は、列またはセルのグループ内の数値の平均を計算するために使用されます (例: =AVERAGE(A1:A10))。 3. COUNT 関数。列またはセルのグループ内の数値またはテキストの数をカウントするために使用されます。例: =COUNT(A1:A10)。 4. IF 関数。指定された条件に基づいて論理的な判断を行い、結果を返すために使用されます。対応する結果。

C++関数のデフォルトパラメータと可変パラメータの長所と短所の比較 Apr 21, 2024 am 10:21 AM

C++ 関数のデフォルトパラメーターの利点には、呼び出しの簡素化、可読性の向上、エラーの回避などがあります。欠点は、柔軟性が限られていることと、名前の制限があることです。可変引数パラメーターの利点には、無制限の柔軟性と動的バインディングが含まれます。欠点としては、複雑さの増大、暗黙的な型変換、デバッグの難しさなどが挙げられます。

参照型を返す C++ 関数の利点は何ですか? Apr 20, 2024 pm 09:12 PM

C++ で参照型を返す関数の利点は次のとおりです。パフォーマンスの向上: 参照による受け渡しによりオブジェクトのコピーが回避され、メモリと時間が節約されます。直接変更: 呼び出し元は、返された参照オブジェクトを再割り当てせずに直接変更できます。コードの簡素化: 参照渡しによりコードが簡素化され、追加の代入操作は必要ありません。

カスタム PHP 関数と定義済み関数の違いは何ですか? Apr 22, 2024 pm 02:21 PM

カスタム PHP 関数と定義済み関数の違いは次のとおりです。スコープ: カスタム関数はその定義のスコープに限定されますが、事前定義関数はスクリプト全体からアクセスできます。定義方法: カスタム関数は function キーワードを使用して定義されますが、事前定義関数は PHP カーネルによって定義されます。パラメータの受け渡し: カスタム関数はパラメータを受け取りますが、事前定義された関数はパラメータを必要としない場合があります。拡張性: カスタム関数は必要に応じて作成できますが、事前定義された関数は組み込みで変更できません。

C++ 関数での参照パラメータとポインタパラメータの高度な使用法 Apr 21, 2024 am 09:39 AM

C++ 関数の参照パラメーター (基本的には変数のエイリアス、参照を変更すると元の変数が変更されます) とポインターパラメーター (元の変数のメモリアドレスを保存し、ポインターを逆参照して変数を変更します) は、変数を渡したり変更したりするときに使用方法が異なります。参照パラメーターは、コンストラクターまたは代入演算子に渡されるときのコピーのオーバーヘッドを避けるために、元の変数 (特に大きな構造体) を変更するためによく使用されます。ポインターパラメーターは、メモリの場所を柔軟に指定したり、動的データ構造を実装したり、オプションのパラメーターを表すために null ポインターを渡したりするために使用されます。

See all articles