「jQuery入門」disabledを解除するサンプル
JSコード
$(“button:eq(1)”).click(function(){
var txt2=$(“input:text:eq(1)”);
if(txt2 ...
「jQuery入門」empty()とremove()で要素を削除する
1.htmlコード
<div>
<p id=”testEmpty”>empty()を使って要素を削除</p>
<p>pタグで以下要素を削除 ...
「JSTL入門」条件分岐の使い方
JSPコード:
<c:if test=”${name == ‘user001’}” var=”cft”/>
<c:if test ...
「jQuery入門」$(‘select’).change()でセレクトボックスを切り替える
1.htmlコード
<select name=”address”>
<option value=”01″>アドレス11</option& ...
「jQuery入門」replaceWithやreplaceAllを使って要素を置き換えるサンプル
JSコード:
<script type=”text/javascript”>
$(function() {
$(“#Span1”).replaceWi ...
「jQuery入門」$(selector).load(URL,data,callback)の使い方
JSコード
$(“button”).click(function(){
$(“#testdiv”).load(“demo.txt”, functi ...
「jquery入門」:firstで最初の要素を選択する
1.htmlコード
<ul>
<li>data11</li>
<li>data12</li>
<li>data13</li& ...
「JavaScript入門」配列の重複を取り除く方法
JSコード:
Array.prototype.chongFunc = function(){
this.sort();
var res = ];
for(var i = 1; i < this.l ...
「jQuery入門」コールバック(callback)関数の書き方
1. Callbackを使う
$(“button”).click(function(){
$(“p”).hide(“slow”, function ...
JavaScript入門–半角の文字を判定するサンプル
JSコード:
function isHankaku(strVal){
return !strVal.match(//) || !strVal.match(//);
}
function isHankak ...
「jQuery入門」tableの内容を取得するサンプル
JSコード
var data = == “undefined” )
data = = cells.eq(j).text();//文字列を取得
}
}
「jquery入門」find()とchildren()を利用するサンプル
children()
直下の要素だけを取得する。
find()
全ての子要素を探索する。
1.htmlコード
<ul>
<li> ...
「jQuery入門」ajax()処理サンプルコード
JSコード
$(“button”).click(function(){
$.ajax({
type: “POST”,
url: “xxx ...
「JavaScript」ページをリダイレクトする方法
方法1
<script language=”javascript” type=”text/javascript”>
window.location.href= ...
「jquery入門」:contains(text)で文字列を含む要素を抽出方法
1.htmlコード
<ul>
<li>test aa</li>
<li>test bb</li>
<li>test cc</ ...
ajaxを利用してjsonをpostするサンプルコード
JSコード
var json = {};
json.name = “yamada”;
json.address = “shibuya”;
var xh ...
「jQuery入門」sortable()のサンプル
サンプルコード
<script>
$(function() {
$( “#sortable” ).sortable();
$( “#sortable& ...
「jQuery入門」sortable()でテーブルの行を並び替えるコード
JSコード:
<script>
$(function() {
$(‘#changfa’).sortable({
opacity: 0.7,
placehold ...