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>"); <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>
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
R.E.P.O.能量晶体解释及其做什么（黄色晶体）
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
刺客信条阴影：贝壳谜语解决方案
2 周前
By DDD
R.E.P.O.如果您听不到任何人，如何修复音频
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25：如何解锁Myrise中的所有内容
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何在浏览器中优化JavaScript代码以进行性能？
Mar 18, 2025 pm 03:14 PM
本文讨论了在浏览器中优化JavaScript性能的策略，重点是减少执行时间并最大程度地减少对页面负载速度的影响。
如何使用浏览器开发人员工具有效调试JavaScript代码？
Mar 18, 2025 pm 03:16 PM
本文讨论了使用浏览器开发人员工具的有效JavaScript调试，专注于设置断点，使用控制台和分析性能。
如何使用源地图调试缩小JavaScript代码？
Mar 18, 2025 pm 03:17 PM
本文说明了如何使用源地图通过将其映射回原始代码来调试JAVASCRIPT。它讨论了启用源地图，设置断点以及使用Chrome DevTools和WebPack之类的工具。
如何有效地使用Java的收藏框架？
Mar 13, 2025 pm 12:28 PM
本文探讨了Java收藏框架的有效使用。 它强调根据数据结构，性能需求和线程安全选择适当的收集（列表，设置，地图，队列）。 通过高效优化收集用法
初学者的打字稿，第2部分：基本数据类型
Mar 19, 2025 am 09:10 AM
掌握了入门级TypeScript教程后，您应该能够在支持TypeScript的IDE中编写自己的代码，并将其编译成JavaScript。本教程将深入探讨TypeScript中各种数据类型。 JavaScript拥有七种数据类型：Null、Undefined、Boolean、Number、String、Symbol（ES6引入）和Object。TypeScript在此基础上定义了更多类型，本教程将详细介绍所有这些类型。 Null数据类型 与JavaScript一样，TypeScript中的null
开始使用Chart.js：PIE，DONUT和BUBBLE图表
Mar 15, 2025 am 09:19 AM
本教程将介绍如何使用 Chart.js 创建饼图、环形图和气泡图。此前，我们已学习了 Chart.js 的四种图表类型：折线图和条形图（教程二），以及雷达图和极地区域图（教程三）。 创建饼图和环形图 饼图和环形图非常适合展示某个整体被划分为不同部分的比例。例如，可以使用饼图展示野生动物园中雄狮、雌狮和幼狮的百分比，或不同候选人在选举中获得的投票百分比。 饼图仅适用于比较单个参数或数据集。需要注意的是，饼图无法绘制值为零的实体，因为饼图中扇形的角度取决于数据点的数值大小。这意味着任何占比为零的实体
