Rumah >hujung hadapan web >tutorial js >js 常用函数

js 常用函数

巴扎黑asal: 2016-11-25 15:05:47922semak imbas

money div span em li canvas vide audio

自由

字符

数字

123
456

123
456

123
456

<script> <br>/*去掉空格返回字符串的长度*/ <br>var str = $("#str").html(); <br>var ss = str.replace(/\s/g,""); <br>document.write(ss.length+"返回字符串的长度</br>"); <br>var indexo =ss.indexOf("li"); <br>document.write(indexo+"返回li首次出现的位置</br>"); <br>var srchref = ss.link("http://www.w3cschool.cc"); <br>document.write(srchref+"增加链接</br>") <br>var mud = ss.match("li"); <br>document.write(mud+"返回存在的字符串不存在返回null</br>") <br>var query = ss.charAt(4); <br>document.write(query+"返回指定下标的字符串</br>") <br>var con = ss.concat("哈哈哈"); <br>document.write(con+ " " +"两个字符串拼接</br>"); <br>var sea =ss.search("li"); <br>document.write(sea+"存在返回该字符串的下标，不存在返回-1</br>") <br>var sli = ss.slice(1,4); <br>document.write(sli+"截取并返回该字符串</br>") <br> $(document).ready(function(){ <br>/* $(".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").slideDown(5000); <br>向下滑动面板! <br>}); <br> $(".submin").click(function(){ <br> $(".stringname").stop(); <br> 停止向下滑动面板 <br> });*/ <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>压缩</span>"); <br>}); <br>$("#str").click(function(){ <br> $("#stringname").prepend("<span>德玛</span>"); <br>}); <br>$("#str").click(function(){ <br> $("#stringname").after("<span>提莫</span>"); <br>}); <br>$("#str").click(function(){ <br> $("#stringname").before("<span>光辉</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);返回当前元素的下标 <br>//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>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>//input改变就执行事件实时监听 <br><body> <br><div class="imges"> <br><ul> <br><input type="text" id="idName"/> <br></ul> <br></div> <br><br></body> <br><script src="js/jquery-1.7.2.min.js"></script>
<script> <br>$(function(){ <br>$("#idName").on("input propertychange",function(){ <br>alert("改变了"); <br>}) <br>}); <br>/*jquery拼接html语句的时候需要绑定事件在拼接的语句里面不能添加行内绑定事件会无法点击这个时候可以用这种获取父类的div在或去行内的id*/ <br> $("#sureWin").on("click","#sectionid",function(){ <br> $("#section").hide(); <br>}) <br>/*后续添加中*/ <br></script>

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JavaScript强化教程——保留关键字Artikel seterusnya：JavaScript 操作table，可以新增行和列并且隔一行换背景色

Artikel berkaitan

Lihat lagi