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();

};

});