你的位置:首页 > Java教程

[Java教程]jquery经验1


1.Javascript刷新页面的几种方法:
location.reload()// 真刷新
location=location
location.assign(location)
document.execCommand('Refresh')
window.navigate(location)
location.replace(location)
document.URL=location.href
说明一下,jQuery没有发现刷新页面的方法。
2.jquery动态控制div的显示与隐藏
答案:$("#divObj").hide(); //隐藏
   $("#divObj").show();//显示
3.动态操作a标签的href属性
$("#zj").attr("href","javascript:alert('你没有此权限');");
4.动态操作a标签的onclick方法
$("#sc").attr("onclick","");
5.触发input的各种事件
$("#input").click();
$('input').trigger('click')
$("#sheng").trigger( "change");

6.jQuery取得select选中的值  
 jQuery("#select1  option:selected").text();

7.如何通过Jquery获得radio的值  获得单选框的值
Jquery老的版本

var_name = $(“input[@name='radio_name']:checked”).val();
Jquery 1.3以后的版本
var_name = $(“input[name='radio_name']:checked”).val();

区别是老版本有个@.
8在不改变select下拉选select属性的情况下,改变select的值
$( "#salary option:eq(0)").prop( "selected" ,true);
9.表单提交在新窗口打开
答案:target="_blank"
10.jsTrim
$.trim();
11.jquery更改form表单的action属性; 更改action  更改form的action
答案:$("#form").attr( "action", "${pageContext.request.contextPath}/users/updateIntegral" );
12.图片加载失败时,加载其他的图片
 
经过分析,发现网页中存在类似如下的代码:
<img src="pic.gif" onerror="javascript:this.src='noPic.gif';" alt="pic" />
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
解决方法:
第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。
第二种:
<script type="text/javascript">
<!–
/*默认显示图片*/
     function nofind(event){
          var img=event.target||window.event.srcElement;//加绒IE/Chrome
          img.src= "${pageContext.request.contextPath}/images/ph1_03.png" ;
         img.onerror= null;//控制不要一直跳动
}
//–>
</script>
<td align="center"><img src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/${file.suffix 

 }.gif" onerror="nofind(event);" />${file.name }</td> 
 
13.监控回车事件
/* 监控回车事件 */
$(window).keyup(function(e){
           if(e.keyCode==13){
              testSub();
          };
     });