jQueryの必要性:jQueryは本当に必要ですか? 場合によっては、特にIE6/7/8をサポートするためにjQuery 1.xを使用する必要がある場合は、JQueryがまだ必要です。ただし、最新のブラウザのAPIは、JQueryで慣れている多くの機能を提供しています。この記事では、CSSに関連するjQueryメソッドのネイティブJavaScript同等物を調べます。
キーポイント
- ネイティブJavaScriptは、クラスやスタイルの操作を含むjQueryを使用して通常行われる多くのタスクを実行できます。ただし、jQueryには複数のノードにクラスを適用し、既存のクラスに新しいクラスを添付するという利点がありますが、ネイティブJavaScriptはそれらをオーバーライドします。
- 最新のブラウザは、ノードに適用されたすべてのクラスを含む配列のようなコレクションである
classList
プロパティを提供するようになりました。これは、ネイティブJavaScriptでのclassName
属性の使用よりも優先され、クラス操作がより効率的になります。 - jQueryはさまざまなアニメーション効果を提供しますが、CSS3アニメーションはより速く、コードがはるかに少なく、3D変換などの効果を提供します。 JavaScriptは引き続きCSS3アニメーションに応答するために使用できますが、最新のブラウザのDOMアニメーションにjQueryまたはJavaScriptを使用することは冗長です。
古典的な操作
特定の要素にクラスを適用することは、最も一般的なjQueryタスクの1つです。
$("#myelement").addClass("myclass");ネイティブJavaScriptでは、同じ機能を実装できます。
しかし、それだけではありません:
document.getElementById("myelement").className = "myclass";
jQueryは、任意の数のノードにクラスを適用できます。
- jQueryは既存のクラス定義に新しいクラスを添付しますが、ネイティブの例はそれらを無効にします。
- ネイティブJavaScriptでは、 属性は単なる文字列です。したがって、jQueryの仕組みなどをコピーする機能が必要です。
このコードはjQueryよりも小さくて高速ですが、ライブラリですでに利用可能な機能をコピーしています。そうすることはあまり意味がありません。幸いなことに、最新のブラウザは、ノードに適用されるすべてのクラスの同様の配列のコレクションを実装する新しいclassName
プロパティを提供するようになりました。次の属性が利用可能です:
function addClass(node, class) { if (!node.length) node = [node]; for (var n = 0, m = node.length; n < m; n++) { if (!node[n].classList.contains(class)) { node[n].className += " " + class; } } } // 将 myclass 应用于所有节点 addClass(document.getElementById("myelement"), "myclass");
classList
- 適用されたクラス名の数DOMTokenList
- - 特定のインデックスでのクラス名
-
length
- ノードがこのクラスを適用している場合、true - を返します
item(*index*)
- 新しいクラスをノードに適用します -
contains(*class*)
- ノード - からクラスを削除します
add(*class*)
- クラスが適用されているか、適用されていない場合、クラスは個別に削除または追加されます -
remove(*class*)
この属性は、かさばる - 属性の代わりに最初に使用できます:
toggle(*class*)
は、IE9を除き、ほとんどのブラウザでサポートされています。幸いなことに、このブラウザにオンデマンドでロードできるシムがいくつかあります。 className
スタイル操作
jQueryは、次のような特定のスタイルを適用する多くの方法を提供します。
$("#myelement").addClass("myclass");ネイティブ同等物:
document.getElementById("myelement").className = "myclass";キャッシュセレクターを使用して10,000を超える反復で、jQueryコードは6,670ミリ秒で実行されます。ネイティブJavaScriptには330ミリ秒かかり、20倍高速です。もちろん、値を何らかの方法で計算する必要がない限り、両方を使用すべきではありません。 CSSでスタイルクラスを定義し、その名前を要素に適用する方が効率的です。
アニメーション
jQueryは、スワイプやフェードなど、さまざまな既製のアニメーションを提供します。ネイティブのJavaScriptはより速いかもしれませんが、それは問題ではありません:CSS3アニメーションは両方を上回っています。私は当初、CSS3アニメーションについて懐疑的でした。微調整されたコントロール(nフレーム後のアニメーションの停止など)を提供することはできず、行動に対するJavaScriptの責任を侵害することができます。ただし、利点は欠点を上回っています:
CSS3アニメーションは、ブラウザによって処理されます。- CSS3アニメーションは使いやすく、コードがはるかに少ない。
- CSS3は3D変換などの効果を提供しますが、JavaScriptだけは非現実的ですが、不可能です。
- IE9以下は効果を示しませんが、それらは優雅に格下げすることができ、IE10は数か月以内に支配的なバージョンになるはずです。 CSS3の魔法は消えません。最新のブラウザでJQueryまたはJavaScriptを使用してDOMアニメーションを行っている場合は、時間を無駄にしている可能性があります。つまり、アニメーションが開始、停止、または次のイテレーションに続くと、JavaScriptを使用してCSS3アニメーションにそれぞれ応答して、それぞれ
、およびanimationstart
animationend
animationiteration
(この部分の内容は記事の主なテーマとはほとんど関係がなく、以前の出力で完全に擬似オリジナル化されているため、FAQの部分はここで省略されています。
以上がjQueryメソッドのネイティブJavaScript同等物:CSSとアニメーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScriptコアデータ型は、ブラウザとnode.jsで一貫していますが、余分なタイプとは異なる方法で処理されます。 1)グローバルオブジェクトはブラウザのウィンドウであり、node.jsのグローバルです2)バイナリデータの処理に使用されるNode.jsの一意のバッファオブジェクト。 3)パフォーマンスと時間の処理にも違いがあり、環境に従ってコードを調整する必要があります。

javascriptusestwotypesofcomments:シングルライン(//)およびマルチライン(//)

PythonとJavaScriptの主な違いは、タイプシステムとアプリケーションシナリオです。 1。Pythonは、科学的コンピューティングとデータ分析に適した動的タイプを使用します。 2。JavaScriptは弱いタイプを採用し、フロントエンドとフルスタックの開発で広く使用されています。この2つは、非同期プログラミングとパフォーマンスの最適化に独自の利点があり、選択する際にプロジェクトの要件に従って決定する必要があります。

PythonまたはJavaScriptを選択するかどうかは、プロジェクトの種類によって異なります。1)データサイエンスおよび自動化タスクのPythonを選択します。 2)フロントエンドとフルスタック開発のためにJavaScriptを選択します。 Pythonは、データ処理と自動化における強力なライブラリに好まれていますが、JavaScriptはWebインタラクションとフルスタック開発の利点に不可欠です。

PythonとJavaScriptにはそれぞれ独自の利点があり、選択はプロジェクトのニーズと個人的な好みに依存します。 1. Pythonは、データサイエンスやバックエンド開発に適した簡潔な構文を備えた学習が簡単ですが、実行速度が遅くなっています。 2。JavaScriptはフロントエンド開発のいたるところにあり、強力な非同期プログラミング機能を備えています。 node.jsはフルスタックの開発に適していますが、構文は複雑でエラーが発生しやすい場合があります。

javascriptisnotbuiltoncorc;それは、解釈されていることを解釈しました。

JavaScriptは、フロントエンドおよびバックエンド開発に使用できます。フロントエンドは、DOM操作を介してユーザーエクスペリエンスを強化し、バックエンドはnode.jsを介してサーバータスクを処理することを処理します。 1.フロントエンドの例:Webページテキストのコンテンツを変更します。 2。バックエンドの例:node.jsサーバーを作成します。

PythonまたはJavaScriptの選択は、キャリア開発、学習曲線、エコシステムに基づいている必要があります。1)キャリア開発:Pythonはデータサイエンスとバックエンド開発に適していますが、JavaScriptはフロントエンドおよびフルスタック開発に適しています。 2)学習曲線:Python構文は簡潔で初心者に適しています。 JavaScriptの構文は柔軟です。 3)エコシステム:Pythonには豊富な科学コンピューティングライブラリがあり、JavaScriptには強力なフロントエンドフレームワークがあります。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

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

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
