[jquery入門]toggleClass()で指定されたcssクラスの要素を操作する
1.cssコード
p{ font-size:16px;
cursor:pointer; }
.btclr { color:#030399; }
.bkclr { background:#F4F4F4; ...
「JavaScript」reverse()メソッドで配列オブジェクトの要素を反転するサンプル
書式
Array.prototype.reverse.call(配列名)
使用例
「jquery入門」 $(“div”).css()のサンプル
JSコード
<script src=”/css/jquery-1.8.0.min.js”></script>
<script type=”text/ja ...
「javaScript入門」new()でオブジェクトを作成する
JSコード
var user = new Object();
user.hometown =”大阪”,
user.hobby = “ゲーム”,
user. ...
「JavaScript」join()メソッドで配列の要素を連結するサンプル
書式
arr.join()
join() メソッドは、配列 (または配列風オブジェクト) の全要素を順に連結した文字列を新たに作成して返します。
使用例
「jQuery入門」bind()とdelegate()のサンプル
1.bind
$(‘p’).bind(‘click’,function(){
//some code
});
$(‘p’).unb ...
「JavaScript入門」Object.prototypeを利用するサンプル
JSコード
Object.prototype.Property = 1;
Object.prototype.Method = function ()
{
alert(1);
}
va ...
「JavaScript入門」toUpperCase()で文字列を大文字に変換する
JSコード
name = 'aaa bbb ccc'; uw=name.replace(/\b\w+\b/g, function(word){ return word.substring(0,1).toUpperCase()+w ...「JavaScript入門」match()で文字列部分的に抽出する
サンプル1
var str = “aaabbbcccdddeeefff”;
str = str.match(/aaa(\S*)fff/);
console.log(str);
結 ...
「JavaScript」window.setTimeout()でbind関数を呼び出すサンプル
書式
window.setTimeout(this.declare.bind(this), 時間);
使用例
「JavaScript」filter()メソッドで配列内の素数を取得する方法
書式
配列.filter(関数名)
使用例
「JavaScript」指定タグ名の文字列(textContent)を変更する
書式
タグ要素名.item(インデックス).textContent =文字列
使用例
<div id="cft"> <p>A01</p> <p>B02</ ...「JavaScript入門」Array.from()で配列を作成する方法
1.Array.from()で配列から新しい配列を作成
const cftA = ;
var cftB = Array.from(cftA);
console.log(cftB);//
console. ...
「JavaScript入門」scriptタグを動的にdomに追加するメモ
JSコード:
var script = document.createElement(‘script’);
script.src = ‘/test/cft/sample.jsR ...
「jQuery入門」CSSの値を複数設定する方法
方法1
var cssPam = {
color:”green”,
fontSize:”12px”,
fontWeight:”boldR ...
「JavaScript」replaceで出現した全ての複数置換対象文字を置換するサンプル
書式
var 正規表現式変数 = new RegExp(置換前複数文字列, “g”);
対象文字列.replace(正規表現式変数, 置換後文字列);
replaceメソッドの第1引数に ...
「JavaScript」Math.randomで乱数を取得する
書式
Math.random() * 範囲数字Math.random()を使用して、乱数を取得します。
Math.random()の戻り値は、0以上1未満の小数値が取得できますので、数値に整形して使用します。
「jQuery入門」addEventListener()で重複登録を防ぐサンプル
JSコード
<table id=”cft”>
<tr><td id=”nanAA”>test data 11</td>&l ...