jQueryはCSSスタイルを追加します

Question

私はこのテキスト文字列を持っています。私は新しいテキスト文字列に置き換えたいのですが、毎回私はそれを行ったCSSがなくなってしまいました。それから、CSSを元に戻すためのスクリプトを作成しますが、うまくいかないようです。助けてください？

jQuery('div:contains("text")').replaceWith('newText').css({font-weight:"bolder"}); 

おかげ

Answer 1

代わりに使用.text()：

jQuery('div:contains(text)').text('newText').css({"font-weight":"bolder"});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>text</div>

.replaceWith()方法は、あなたのコードとfont-weight CSSプロパティでtextNodeを持つ要素を置き換えるには、中にラップされる必要があります引用符を使用するか、camelCase nを使用するaming convention fontWeight。あなたはそれを変更する必要が

Answer 2

Please read the apiともthis one

：テキストの内容を変更する

jQuery('div:contains("text")').text('newText').css({fontWeight:"bolder"}); 

.text()、同じ.html()しかし、HTML

.cssをエスケープせずには、プロパティのcamelHumpケースを取ります。その代わりにfont-weight使用'fontWeight'または'font-weight'

のも、jQueryが均等に複数のワードプロパティのCSSとDOMのフォーマットを解釈することができます。たとえば、jQueryは.css（ "background-color"）と.css（ "backgroundColor"）の両方の正しい値を認識して返します。つまり、大文字と小文字が混在している場合は特別な意味があります。たとえば、.css（ "WiDtH"）は.css（ "width"）と同じになりません。

Answer 3

スタイルシートにリンクするタグを作成してタグに追加すると、ブラウザはそのスタイルシートを読み込みます。

$('head').append('<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">');