ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryを使用して行スタイルをdivに追加する例

jQueryを使用して行スタイルをdivに追加する例

小云云
リリース: 2018-01-10 09:55:47
オリジナル
1071 人が閲覧しました

JQuery はすべて $ 記号で始まります。もちろん、jQuery を使用して $ 記号を置き換えることもできます。これらは同一であると同時に等しいものです。 () は実際にはメソッドであり、匿名関数などを渡すことができます。特定の p を選択するとき、ID が p1 の場合、$('#p1') を使用します。 # 記号を忘れずに追加してください。これは、CSS スタイルを記述するときに追加する # 記号と同じです。この記事では、jQuery を使用して特定の p に行スタイルを追加する関連方法を主に詳しく紹介します。興味のある方は参考にしていただければ幸いです。

サンプルは次のとおりです:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head> 
  <title>基础核心</title>
 <script type="text/javascript" src="jquery-1.11.1.js"></script>
 <script type="text/javascript">
 $(function(){
 
 $(&#39;#box&#39;).css(&#39;color&#39;,&#39;red&#39;);//为id为box的p加入行间样式
 
});
 </script>
 </head>
 
 <body>
 <p id="box">Jquery</p>
 
 </body>
</html>
ログイン後にコピー

レンダリング:

フォントの色を赤に変更します:

関連する推奨事項:

jQuery 以外の任意の場所をクリックしますDIVを非表示にする指定領域function

jQuery が 2 つの div でボタンの交換を実装する方法の詳細な説明

jQuery は、指定された div に HTML ページをロードします

以上がjQueryを使用して行スタイルをdivに追加する例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート