月度归档:2020年05月

javascript 如何使用jquery只修改文本内容不改变Html结构呢?


摘要:
下文讲述使用jquery框架只修改文本内容不修改html结构的方法分享,如下所示:

例:

   //使用js脚本替换---"标题标签"几个字
   <h1>标题标签<span>猫猫教程</span></h1>
    
      //此脚本会破环span结构
      //并将span中的内容也替换掉
     $("h1").text("新文本");
     
     //那么如何只替换“标题标签”几个字呢?
     //需使用以下Jquery代码
     $("h1").contents()[0].nodeValue = "替换的新文本";
    

javascript 使用jquery框架如何获取tr中最后一个可见元素呢?


摘要:
下文讲述jquery框架获取tr中最后一个可见元素的方法分享,如下所示:

实现思路: 
     使用$('table tr:visible:last') 或 $('table tr:visible').last()
 即可获取table可见元素的最后一行

例:

 <meta charset='utf-8' />
<p>
 maomao365.com <br />
jquery 获取最后一个可见元素
</p>
<hr /> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"
 ></script>
<script>
 $(function(){
	  $("#btn").click(get);
   });

function get(){
     //方式1:
	 var a =   $('table tr:visible:last').attr('flag');
      //方式2:
     var b = $('table tr:visible').last().attr('flag');

     $("#msg").html("方式1:"+a+" 方式2:"+ b);
     
}
</script>
 
<input type="button" id="btn" value="获取最后一行可见元素" />
 
<br />

<table border="1">
    <tr   flag="one" ><td>keyId</td></tr>
    <tr   flag="two" ><td>1</td></tr>
    <tr   flag="three" style="display:none"><td>2</td></tr>
    <tr   flag="four" style="display:none"><td>3</td></tr>
</table>

<br />
<span id="msg" style="color:green;font-weight:bold;">
</span>
jquery获取最后一个可见元素的示例分享

jquery获取最后一个可见元素的示例分享

javascript 弹出确认框的三种方式分享


摘要:
下文讲述javascript弹出确认框的四种不同方法分享,如下所示:


方式1:

<a 
href="javascript:if(confirm('确实要跳转网页吗?'))location='http://www.maomao365.com'">
弹出窗口</a>


方式2:

<script>             
function chkConfirm(e) 
{
    if (event.srcElement.outerText == "删除") 
    {
        event.returnValue = confirm("你确认要删除吗?");
    }
}
</script>

<a href="main.aspx" onClick="chkConfirm()">删除</a>


方式3:

<a href="main.aspx" onClick="chkConfirm()">删除</a>

<script>             
function chkConfirm(e) 
{
if(window.confirm('你确定要取消交易吗?')){
                 //alert("确定");
                 return true;
              }else{
                 //alert("取消");
                 return false;
             }
}
</script>