Archives by date

You are browsing the site archives by date.

【jQuery】Classの存在チェックを行う。

めも。

■HTML

<div class="target piyo">hoge</div>

■Javascript

<script>
$(function(){
	var c = $('.target').hasClass('piyo');
	console.log(c);
	// true
});
</script>

 

【jQuery】Datepickerを日本語対応させる。

以前の記事←に加えて、下記のスクリプトを読み込むことで日本語化が可能。

<script src="jquery.ui.datepicker-ja.js"></script>

jQuery本体をダウンロードした際に同梱されている「i18n」というフォルダ内に各国のローカライズ用スクリプトが格納されているのでそこから持ってくる。

そして下記コードを記述

// 日本語化する場合
$.datepicker.setDefaults($.datepicker.regional['ja']);
// デフォルトの言語に戻す場合
$.datepicker.setDefaults($.datepicker.regional['']);

特定のカレンダー対してだけローカライゼーションを行いたい場合は下記の通り。

$('selector').datepicker($.datepicker.regional['ja']);

 

【MySQL】LIKEキーワードで前方一致、後方一致検索を行う方法。

めも。

いつもどおりのLIKE文をちょっと変えてやるだけでOK。

まずはいつもの中間一致。

■中間一致

SELECT * FROM table_name WHERE col_name LIKE '%str%';

この場合、文字列中のどこかに「str」が含まれているレコードが取得される。

■前方一致

SELECT * FROM table_name WHERE col_name LIKE 'str%';

対象文字列前の「%」をはずしてやることで「str」から始まるレコードを取得できる。

■後方一致

SELECT * FROM table_name WHERE col_name LIKE '%str';

上記の前方一致に習い、後方一致検索を行う場合は後ろの「%」をはずしてやればよい。これで「str」で終わるレコードを取得できる。

 

【jQuery】指定した要素の中身を空にする。

めも。

remove()だとその要素ごと消し去ってしまうので、子要素のみを空っぽにしたい場合はempty()を用いる。

以下例。

■HTML

<div class="target">hogehogehogehogehogehoge<span>piyopiyopiyo</span></div>

■Javascript

$(function(){
	$('.target').empty();
});

これで外側のdiv要素は残り中身だけを空にする事が出来る。