jQeuryで
$(“xxx”).css(“background-color”, “red”);
なんてやってcssを適用させたいときにcssの構造なんかの問題で、どうしてもうまくキマらない時がある。
普通にcssを書く場合なら!importantという最上級の優先ルールを使って適用する事も可能なんだけど、
jQueryの場合は下記のように記述する事で直接的な!importantルールが使えるようになる。
$("xxx").css('cssText', 'background-color:red !important;');
htmlを作ってくれるデザイナーさんによってcssの構造が違う事はよくあり、それをいちいち解析するのにも時間を大きく消費してしまう場合もあるので
若干強引ながらこういったやり方も知っておくと色々と捗る。
書式をセットできるテキストボックスは昔から色々あるけど、軽さやコーディングの容易さなどから、
WYSIWYGで尚且つ「これだ」ってのが、なかなか見つからなかったんだけど、jqueryのプラグインで最近こんなの見つけた。
みなみにWYSIWYGってのは、wikipediaみたく
「**で囲まれてたら太文字ね」「+から始まってる行だったらリストね」
ってゆうテキストボックスではなく、WordPressのテキストボックスのようにｈｔｍｌ上で、まるでデスクトップアプリのリッチテキストボックスかのように動作するテキストボックスの事を指すらしい。
（言葉的には広義だけど、htmlのテキストでいうとそういう感じ）
ハイライトに引き続き、もうひとネタ。
jQueryでスクロールができるようになるプラグイン
最近のブラウザには標準搭載されているハイライト（強調表示）機能。
入力した検索キーワードの背景が黄色くなるアレです。
jQueryをつかって似たような事ができるプラグインはこちら