「JavaScript入門」delete演算子の使い方
1.オブジェクトのプロパティを削除
var ttObj = {};
ttObj.t = “this is a test”;
delete ttObj.t;
2.暗黙的に定義さ ...
「Javascript入門」正規表現でメールアドレスをチェックするコード
JSコード
var cft = “xxxx”;
var op =/^{1}*@{1}{1,}\.{1,}$/;
if (op.test(cft)) {
alert(̶ ...
「jquery入門」ラジオボタン、セレクトボックスとチェックボックスの値を取得する
1.ラジオボタン
<form id=”ddFrm”>
<input type=”radio” name=”rdo_cft” va ...
「jQuery入門」addClass()とremoveClass()でCSSのクラスを追加、削除するサンプル
1.CSSコード
<style>
.cft{
//some code
}
.cssDemo1{
background-color:xxx;
}
.cssDem ...
「jQuery入門」focus()、blur()、on() の使い方
1.focus()
$(“input”).focus(function(){
$(this).css(“background-color”, “#cccccc ...
「jQuery入門」is(‘:checked’)でチェックボックスの状態を調べるコード
1.htmlコード
<input id=”UpdateMode” type=”checkbox”>更新モード<br>
<textarea i ...
「JavaScript入門」選択されたファイルのサイズを取得するサンプル
1.htmlコード
<input type=”file” id=”formFile” >
<input type=”button” ...
「jQuery入門」each()で複数の要素をループ処理するコード
1.htmlコード
<ul>
<li>data1</li>
<li>data2</li>
<li>data3</li> ...
「jQuery入門」textareaの改行コードを
に置換するサンプル
JSコード:
$(‘#txtarea’).change(function() {
var cftVal = $(‘txtarea’).val();
$(̵ ...
「jQuery入門」input type=fileのchange()の書き方
JSPコード
<input type=”file” id=”cfUpload” name=”cfUpload”>
<input ...
「jQuery入門」disabledを変更するコード
JSコード
$(“button:eq(0)”).click(function(){
var text1=$(“input:text:eq(0)”);
if(tex ...
「jQuery入門」css(‘display’, ‘none’)の使い方
①htmlコード
<button>クリック</button>
<div>テスト</div>
②要素の非表示
$(function() {
$( ...
「jQuery入門」blockUI()で要素を指定するサンプル
サンプルコード:
<script>
$(function(){
$(‘#testBtn’).click(function() {
$.blockUI({
me ...
「jQUery入門」$.blockUIの使い方
JSコード:
<script>
$(function(){
$(‘#testbtn’).click(function(){
$.blockUI({
messa ...
「jQUery入門」$(“:checkbox:checked”).parents(“tr”).find()のサンプル
1.Htmlコード
<table>
<tr>
<td><input type=”checkbox” name=”test” ...
「jQuery入門」each()で複数要素をループで処理するコード
1.htmlコード
<table class=”cft”>
<tr>
<th></th>
<th>test data1 ...
「jQuery入門」find()、children()とparents()の使い方
1.find()で子孫要素を取得
$(“table.demoTbl”).find(“td”).css(“background-color”, “ ...
「jQuery入門」チェックボックスのチェック状態を調べるサンプル
方法1
if($(“#chkItem:checked”).val()) {
alert(“チェックされています。”);
}
else {
aler ...