首页 > web前端 > js教程 > 正文

js 常用函数

巴扎黑
发布: 2016-11-25 15:05:47
原创
1066人浏览过

 
 

 
     
     
     
     
     
 
 

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(){ <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:&#39;250px&#39;, opacity:&#39;0.5&#39;,height:&#39;150px&#39;, width:&#39;150px&#39;},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>压缩"); <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);返回当前元素的下标 <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(&#39;click&#39;,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(&#39;click&#39;,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/> <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("改变了"); <br/>}) <br/>}); <br/>/*jquery拼接html语句的时候需要绑定事件在拼接的语句里面不能添加行内绑定事件会无法点击这个时候可以用这种获取父类的div在或去行内的id*/ <br/> $("#surewin").on("click","#sectionid",function(){ <br/> $("#section").hide(); <br/>}) <br/>/*后续添加中*/ <br/></script> 

 
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号