ホームページ > 記事 > ウェブフロントエンド > jQueryを使用して行スタイルをdivに追加する例
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(){ $('#box').css('color','red');//为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 サイトの他の関連記事を参照してください。