jsの共通関数

巴扎黑
リリース: 2016-11-25 15:05:47
オリジナル
911 人が閲覧しました

 
 
 
     
     
     
     
     

 
 

show 
money div span em li canvas vide audio
 

 
 
     
  • 自由
  •  
  • 字符
  •  
  • 数字
  •  
 
 


/*スペースを削除して文字列の長さを返します*/
var = $("# str" ).html();
var ss = str.replace(/s/g,"");
document.write(ss.length+"文字列の長さを返す
");
var Indexo =ss .indexOf("li");
document.write(indexo+"li が最初に出現する位置を返す
");
var srchref = ss.link("http://www.w3cschool.cc") );
document.write(srchref+"リンクを追加
")
var mud = ss.match("li");
document.write(mud+"存在する文字列を返し、nullを返します" )
var query = ss.charAt(4);
document.write(query+"指定された添え字を持つ文字列を返す
")
var con = ss.concat("ははは"); con+ " " +"2 つの文字列を連結します
");
var sea =ss.search("li");
document.write(sea+"文字列の添字を返します。存在しません。Return -1")
var sli = ss.slice(1,4);
document.write(sli+"文字列をインターセプトして返す
")
$(document).ready( function(){
/ * $(".submin").click(function(){
$("#str").toggle();非表示に切り替え
toggle(function(){},function(){} );
単一の表示とHide show(),hide();
最初の関数を実行するために一致する最初のクリックを取得し、2 番目の関数を実行するために 2 番目のクリックを取得します
})*/
/* $(".submin").click(function() {
$("#str").fadeToggle(1500);
非表示と表示を分離 fadeOut() fadeIn()
ゆっくりとした非表示と表示は toggle() 関数の使用法に似ています
} )*/
/* $(".submin").click(function(){
$("#str").slideToggle(1500);
個別に上下にスライドして非表示と表示を切り替えます slideDown(),slideUp()
上下にスライド非表示切り替えの使用法は、fadeToggle() 関数
})*/
/* $(".submin").click(function(){
$(".stringname").animate({left:' 250px' 、不透明度:'0.5'、高さ:'150px'、幅:'150px'},1500);
アニメーション
});*/
/* $(".ClassNameToBeRemoved").click(function(){
$ (".stringname").slideDown(5000);
パネルを下にスライドします
});
$(".stringname").stop( );
パネルを下にスライドさせるのを停止します
});*/
/* text() - 選択した要素のテキストの内容を設定または返します
html() - 選択した要素の内容を設定または返します (HTML タグを含む)
val() - フォームフィールドの値を設定または返します。
attr() メソッドは属性値を取得するために使用されます。 */

/* $("#str").click(function(){
alert($("#stringname").attr("class"));
});*/
/* append( ) - 選択した要素の値の末尾にコンテンツを挿入します
prepend() - 選択した要素の値の先頭にコンテンツを挿入します
after() - 選択した要素の境界線の後にコンテンツを挿入します
before() - 選択した要素の境界線の前に挿入しますコンテンツ*/
/* $("#str").click(function(){
$("#stringname").append("圧縮");
}); ("#str").click(function(){
$("#stringname").prepend("デマ");
}); click(function(){
$("#stringname").after("Timo");
});
$("#str").click( function(){
$("#stringname").before("Glory");
});*/

/*remove() - 選択した要素 (およびサブ要素) を削除します
empty( ) - 選択した要素からサブ要素を削除します*/
/* $("#submin").click(function(){
$("#stringname").remove();
} );*/
/* $("#submin").click(function(){
$("#stringname").empty();
});*/
});
//.append( i); value
//queryarryl.find("a"); queryarryl の下にあるすべてのサブ要素を返します
//index(this);//queryi.eq(index).removeClass("active").hide(); クラス スタイルを削除し、インデックスによって返された添え字に基づいて非表示にします


$(function(){
var queryarryl = $(" .arrayl" );
var querya = queryarryl.find("a");
var queryem = querya.find("em");
var queryi = querya.find("i");
queryi.hide() ;
queryem .on('click',function(){
varindex = queryem.index(this);
if(queryi.hasClass("active")){
queryi.eq(index).removeClass("active ").hide();
}else{
queryi.eq(index).addClass("active").show().append("qq");
}

});
var querytitle=$( ".title ");
var titleli = querytitle.find("li")
titleli.on('click',function(){
varindex = titleli.index(this);
queryarryl.hide();
titleli.removeClass ("active")
titleli.eq(index).addClass("active");
queryarryl.eq(index).show();

})
// イベントを実行します。入力変更時の時間監視




人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート