首頁 > web前端 > js教程 > js 常用函數

js 常用函數

巴扎黑
發布: 2016-11-25 15:05:47
原創
934 人瀏覽過

 
 
 
     
     
     
     
     

 
 

show 
money div span em li canvas vide audio
 

 
 
     
  • 自由
  •  
  • 字符
  •  
  • 数字
  •  
 
 
 
 
<script> <br/>/*去掉空格回傳字串的長度*/ <br/>var str = $("#str").html( ); <br/>var ss = str.replace(/s/g,""); <br/>document.write(ss.length+"回傳字串的長度"); <br/>var indexo =ss.indexOf("li "); <br/>document.write(indexo+"返回li首次出現的位置"); <br/>var srchref = ss.link("http://www.w3cschool.cc"); <br/>document.write(srchref+ "增加連結") <br/>var mud = ss.match("li"); <br/>document.write(mud+"傳回存在的字串不存在回傳null") <br/>var query = ss. charAt(4); <br/>document.write(query+"傳回指定下標的字串") <br/>var con = ss.concat("哈哈哈"); <br/>document.write(con+ "   " +"兩個字串拼接"); <br/>var sea =ss.search("li"); <br/>document.write(sea+"存在傳回該字串的下標,不存在回傳-1") <br/>var sli = ss.slice(1,4); <br/>document.write(sli+"截取並回傳該字串") <br/>         $(document).ready(function(function(function() .submin").click(function(){ <br/>$("#str").toggle();切換隱藏 <br/>toggle(function(){},function(){}); <br/>單獨的顯示隱藏show() ,hide(); <br/>取得到符合的第一次點選執行第一個函數第二次點選執行第二個函數 <br/>})*/ <br/>/* $(".submin").click(function(){ <br/>$("#str").fadeToggle(1500); <br/>單獨的隱藏顯示fadeOut() fadeIn() <br/>緩慢隱藏與顯示與toggle()函數的用法類似 <br/>})*/ <br/>/* $(". submin").click(function(){ <br/>$("#str").slideToggle(1500); <br/>單獨的上下滑動隱藏顯示slideDown(),slideUp() <br/>上下滑動隱藏切換與fadeToggle()函數的用法類似 <br/>})*/ <br/>/* $(".submin").click(function(){ <br/>$(".stringname").animate({left:'250px', opacity:'0.5',height:' 150px', width:'150px'},1500); <br/>動畫 <br/>});*/ <br/>/* $(".ClassNameToBeRemoved").click(function(){ <br/>$(".stringname").click(function(){ <br/>$(".stringname"). ); <br/>向下滑動面板! <br/>}); <br/>    $(".submin").click(function(){ <br/>    $(".stringname").stop(); <br/>    $(".stringname").stop(); <br/>    $(".stringname").stop(); <br/>    $(".stringname").stop(); */ <br/>/*    text() - 設定或傳回所選元素的文字內容 <br/>html() - 設定或傳回所選元素的內容(包括HTML 標記) <br/>val() - 設定或傳回表單欄位的值 <br/>attr () 方法用於取得屬性值。 */ <br/><br/>/* $("#str").click(function(){ <br/>  alert($("#stringname").attr("class")); <br/>});*/ <br/>/* append( ) - 在被選元素值的結尾插入內容 <br/>prepend() - 在被選元素值的開頭插入內容 <br/>after() - 在被選元素邊框後面插入內容 <br/>before() - 在被選元素邊框前面插入內容物*/ <br/>/* $("#str").click(function(){ <br/>  $("#stringname").append("<span>壓縮"); <br/>}); <br/>$( "#str").click(function(){ <br/>  $("#stringname").prepend("<span>德瑪"); <br/>}); <br/>$("#str").click (function(){ <br/>  $("#stringname").after("<span>提摩"); <br/>}); <br/>$("#str").click(function(){ <br/>  $ ("#stringname").before("<span>光輝"); <br/>});*/ <br/><br/>/* remove() - 刪除被選元素(及其子元素) <br/>empty() -從被選元素中刪除子元素*/ <br/>/* $("#submin").click(function(){ <br/>  $("#stringname").remove(); <br/>});*/ <br/>/* $ $ ("#submin").click(function(){ <br/>  $("#stringname").empty(); <br/>});*/ <br/>}); <br/>//.append(i);在元素值後面追加<br/>//queryarryl.find("a");返回queryarryl下所有子元素為a的; <br/>//on()添加事件; <br/>//index(this);返回當前元素的下標 🎜//queryi.eq(index).removeClass("active").hide();根據index回傳的下標刪除class樣式並隱藏 <br/><br/><br/>$(function(){ <br/>var queryarryl = $(".arrayl" ); <br/>var querya = queryarryl.find("a"); <br/>var queryem = querya.find("em"); <br/>var queryi = querya.find("i"); <br/>var queryi = querya.find("i"); <br/> .on('click',function(){ <br/>var index = queryem.index(this); <br/>if(queryi.hasClass("active")){ <br/>queryi.eq(index).removeClass("active"). hide(); <br/>}else{ <br/>queryi.eq(index).addClass("active").show().append("qq"); <br/>} <br/><br/>}); <br/>var querytitle=$(".title<br/>}); <br/>var querytitle=$(".title "); <br/>var titleli = querytitle.find("li") <br/>var titleli = querytitle.find("li") <br/>titleli.on('click',function(){ <br/>var index = titleli.index(this); <br/>queryarryl.hide(); ("active") <br/>titleli.eq(index).addClass("active"); <br/>titleli.eq(index).addClass("active"); <br/>queryarryl.eq(index).show(); <br/>}); <br/><br/>}) <br/>//input改變就執行事件即時監聽就執行事件即時監控<br/><body> <br/><div class="imges"> <br/><ul> <br/><input type="text" id="idName"/> <br/> <br/> <br/><br/></script>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板