js 常用函數
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>
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫：如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險：如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間？
3 週前
By DDD
R.E.P.O.保存文件位置：在哪里以及如何保護它？
3 週前
By DDD
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
