js common functions

 
 

 
     
     
     
     
     
 
 

show 

money div span em li canvas vide audio

 

thttt

 

 

 

• 自由
 

• 字符
 

• 数字
 

 

 

 
 
123 
456 
 
 
123 
456 
 
 
123 
456 
 

<script> <br/>/*Remove spaces and return the length of the string*/ <br/>var str = $("#str" ).html(); <br/>var ss = str.replace(/s/g,""); <br/>document.write(ss.length+"Return the length of the string"); <br/>var indexo =ss .indexOf("li"); <br/>document.write(indexo+"Return the position where li first appears"); <br/>var srchref = ss.link("http://www.w3cschool.cc"); <br/>document.write(srchref+"Add link") <br/>var mud = ss.match("li"); <br/>document.write(mud+"Return the string that exists, return null" ) <br/>var query = ss.charAt(4); <br/>document.write(query+"Return the string with the specified subscript") <br/>var con = ss.concat("Hahaha"); <br/>document.write (con+ " " +"Concatenate two strings"); <br/>var sea =ss.search("li"); <br/>document.write(sea+"Return the subscript of the string exists, does not exist Return -1") <br/>var sli = ss.slice(1,4); <br/>document.write(sli+"Intercept and return the string") <br/> $(document).ready( function(){ <br/>/* $(".submin").click(function(){ <br/>$("#str").toggle();toggle hidden <br/>toggle(function(){},function(){} ); <br/>Single show and hide show(),hide(); <br/>Get the matching first click to execute the first function and the second click to execute the second function <br/>})*/ <br/>/* $(". submin").click(function(){ <br/>$("#str").fadeToggle(1500); <br/>Separate hiding and display fadeOut() fadeIn() <br/>Slow hiding and display are similar to the usage of the toggle() function <br/>} )*/ <br/>/* $(".submin").click(function(){ <br/>$("#str").slideToggle(1500); <br/>Individual sliding up and down to hide and display slideDown(), slideUp() <br/>Up and down The usage of sliding hidden switching is similar to the fadeToggle() function <br/>})*/ <br/>/* $(".submin").click(function(){ <br/>$(".stringname").animate({left:'250px' , opacity:'0.5',height:'150px', width:'150px'},1500); <br/>animation <br/>});*/ <br/>/* $(".ClassNameToBeRemoved").click(function(){ <br/>$ (".stringname").slideDown(5000); <br/>Slide down the panel! <br/>}); <br/> $(".submin").click(function(){ <br/> $(".stringname").stop(); <br/> Stop sliding the panel down <br/> });*/ <br/>/* text() - Set or return the text content of the selected element <br/>html() - Set or return the content of the selected element (including HTML tags) <br/>val() - Set or return the value of a form field <br/>attr() method is used to get the attribute value. */ <br/><br/>/* $("#str").click(function(){ <br/> alert($("#stringname").attr("class")); <br/>});*/ <br/>/* append( ) - insert content at the end of the selected element value <br/>prepend() - insert content at the beginning of the selected element value <br/>after() - insert content after the selected element border <br/>before() - insert before the selected element border Content*/ <br/>/* $("#str").click(function(){ <br/> $("#stringname").append("<span>Compression"); <br/>}); <br/> $("#str").click(function(){ <br/> $("#stringname").prepend("<span>Dema"); <br/>}); <br/>$("#str ").click(function(){ <br/> $("#stringname").after("<span>Timo"); <br/>}); <br/>$("#str").click( function(){ <br/> $("#stringname").before("<span>Glory"); <br/>});*/ <br/><br/>/* remove() - Remove the selected element (and Sub-element) <br/>empty() - Remove sub-elements from selected elements*/ <br/>/* $("#submin").click(function(){ <br/> $("#stringname").remove(); <br/>} );*/ <br/>/* $("#submin").click(function(){ <br/> $("#stringname").empty(); <br/>});*/ <br/>}); <br/>//.append( i); Append after the element value <br/>//queryarryl.find("a"); Return all sub-elements under queryarryl that are a; <br/>//on() add event; <br/>//index(this); Return the current element subscript <br/>//queryi.eq(index).removeClass("active").hide(); Delete the class style and hide it according to the subscript returned by index <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/>queryi.hide(); <br/>queryem .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/>var titleli = querytitle.find("li") <br/>titleli.on('click',function(){ <br/>var index = titleli.index(this); <br/>queryarryl.hide(); <br/>titleli.removeClass ("active") <br/>titleli.eq(index).addClass("active"); <br/>queryarryl.eq(index).show(); <br/>}); <br/><br/>}) <br/>//Execute event real-time monitoring when input changes <br/><body> <br/><div class="imges"> <br/><ul> <br/><input type="text" id="idName"/> <br/> <br/> <br/><br/> <br/><script src="js/jquery-1.7.2.min.js"></script>
<script> <br/>$(function(){ <br/>$("# idName").on("input propertychange",function(){ <br/>alert("changed"); <br/>}) <br/>}); <br/>/*Jquery needs to bind events when splicing html statements, which cannot be done in the spliced ​​statements. If you add an in-line binding event, it will not be clickable. At this time, you can use this method to get the div of the parent class or go to the in-line id*/ <br/> $("#sureWin").on("click","#sectionid",function() { <br/> $("#section").hide(); <br/>}) <br/>/*To be added later*/ <br/></script>