Category Archives: JavaScript

「jQuery入門」clone()で複製する

JSコード:
$(document).ready(function() {
var cloned = $(‘#id’).clone();
<DIV id=id></DIV>

});

「JavaScript入門」instanceof演算子の使い方

サンプルコード

「node.js入門」require()でjsonを読み込むサンプル

サンプル下記

「jQuery入門」empty() で指定した要素の中身を空にする

JSPコード
<ul id=”cityInfoList”>
<li id=”city001″>大阪</li>
<li id=”city002″>福岡</li>
<li id=”city003″>北海道</li>
<li id=”city004″>川崎</li>
</ul>
JSコード
$(“#cityInfoList”).empty();

「jQuery入門」remove()とempty()で要素を削除するコード

1.remove()
JSコード
$(function() {
$(“#testBtn”).click(function() {
$(“#testDiv”).remove();
});
});

htmlコード
<div id=”testOne”>サンプル11
<div id=”testDiv”>データ11
<p>データ11</p>
</div>
</div>
<input type=”button” id=”testBtn” value=”remove”>

2.empty()
JSコード
$(function() {
$(“#testBtn2”).click(function() {
$(“#testDiv2”).empty();
});
});

htmlコード
<div id=”testTwo”>サンプル22
<div id=”testDiv2″>データ2
<p>データ2</p>
</div>
</div>
<input type=”button” id=”testBtn2″ value=”empty”>

「JavaScript入門」null と undefined の判定方法

JSコード
function isNullFunc(value) {
if(typeof value == ‘undefined ‘) {
return true;
}

if(value == ” || value == null) {
return true;
}

return false;
}

「jQuery入門」disabledを解除するサンプル

JSコード
$(“button:eq(1)”).click(function(){
var txt2=$(“input:text:eq(1)”);
if(txt2.attr(“disabled”)==false){
txt2.attr(“disabled”,”disabled”);
}else{
txt2.removeAttr(“disabled”);
}
});

「jQuery入門」empty()とremove()で要素を削除する

1.htmlコード
<div>
<p id=”testEmpty”>empty()を使って要素を削除</p>
<p>pタグで以下要素を削除</p>
<p class=”testEmpty”>データ1</p>
<p class=”testEmpty”>データ2</p>
<p class=”testEmpty”>データ3</p>
</div>

2.jQueryコード
<script type=”text/javascript”>
$(function(){
$(“#testEmpty”).empty().append(“study “);
$(“p”).remove(“.testEmpty”);
})
</script>

「JSTL入門」条件分岐の使い方

JSPコード:
<c:if test=”${name == ‘user001’}” var=”cft” />
<c:if test=”${cft}” >
<label class=”info”><c:out value=”${txtIndex}”/></label>
</c:if>

<c:if test=”${!cft}” >
<fmt:message key=”caption.tt”/>
</c:if>

「jQuery入門」$(‘select’).change()でセレクトボックスを切り替える

1.htmlコード

<select name=”address”>
<option value=”01″>アドレス11</option>
<option value=”02″>アドレス22</option>
<option value=”03″>アドレス33</option>
</select>
<p></p>

2.jQueryコード
$(function() {
$(‘select’).change(function() {
var val = $(this).val();
//p要素に出力
$(‘p’).text(“12345″+val);
});
});