[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > リファレンス > jQuery > jQuery API一覧 > jQuery CSS > jQuery.cssHooks
jQuery.cssHooks
独自のCSSプロパティと効果を設定する。設定したCSSは.css()で簡単に取得、設定できる。 全容は不明ｗ
サンプル
myCubeという独自のCSSプロパティを設定。CSSの設定だけだと.addClassでいいじゃねーかってなるので、クリックイベントも備える。
実行結果
test
test
test
test
test
test
Javascript
- jQuery.cssHooks.myCube = {
- get: function(elem, computed, extra) {
- var bg = jQuery(elem).css('backgroundColor');
- var height = jQuery(elem).css('height');
- var width = jQuery(elem).css('width');
- return '[bg]' + bg + '[height]' + height + '[width]' + width + '[computed]' + computed + '[extra]' + extra;
- },
- set: function(elem, value) {
- jQuery(elem).css({
- display: 'inline-block',
- width: 100,
- height: 100,
- margin: 5,
- background: value
- }).toggle(function(){
- jQuery(this).width(200).height(200);
- }, function(){
- jQuery(this).width(100).height(100);
- });
- }
- };
- $('.jqTest div').css('myCube', '#CCFFFF');
- $('.jqTest p').css('myCube', '#009900');
- $('.jqTest .execute').click(function(){
- $('.jqTest').append(function(){
- var str = '';
- $('.jqTest p').each(function(){
- str += $(this).css('myCube') + '<br />';
- });
- return str;
- });
- });
HTML
- <div class="jqTest">
- <input type="button" value="execute" class="execute cq-btn m-primary" /><br />
- <div>test</div>
- <div>test</div>
- <div>test</div>
- <p>test</p>
- <p>test</p>
- <p>test</p>
- <hr />
- </div>
.cssHooksを利用すると、1つのCSSプロパティで複数のことが設定できるから便利な気がするけど、同じことするのは全然大変じゃない。
たぶん.cssHooksを使いたくなる場面ってのがあるんだと思う。