<div id="迅旅盯divForm">
文件:<input type="file" id="myfile">
<input type="button" id="btnOpen" value="展亩和示文件">
</div>
内容展示:
<div id="divShow" style="width:400pxheight:300pxborder:1px solid gray">
</div>js代码:
<script type="text/javascript" src="js/jquery-1.8.3.min.js"><镇慎/script>
<script type="text/javascript">
$(function(){
//按钮点击事件
$("#btnOpen").click(function(){
//得到选择的文件的路径及文件名
var path=$("#myfile").val()
//加载本地文件
$.get(path).success(function(content){
// content就为文件data.txt的文本内容了
$("#divShow").html(content)
})
})
})
</script>
在按早枯钮元素添加一个 属性 flag
<input type="button" id="btn" value="你点我试试" flag="0"><div id="show" > 行早
<div id="show_1" style="display:none" >
</div>
<div id="show_2" style="display:none" >
</div>
</div>
下面就是控制显示代码
$("#btn").click(function(){var flag = $(this).attr("flag")
switch(flag)
{
case "0" : $("#show_1").show() flag="1"
case "1" : $("#show_2").show() flag="2"
陆带洞 case "2" : $("#show_1").hide()$("#show_2").hide() flag="0"//如果不要控隐藏,这个可以注释掉
}
$(this).attr("flag",flag)//给标记属性重新赋值
})
1、新建html文档,在body标签中添加一些a标签,然后引入jQuery文件:
2、在body标签中添加script标签,等待文档加载完成后定义需要需要的指定文字,然后赋值给一个变量:
3、然后用遍敏肢斗历去遍历所有查找到的a标签,判断a标签的内容桥磨是否和指定的文字相同,如果相同饥键则添加指定的class:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)