开发者社区> 余二五> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaScript、Jquery常用属性

简介:
+关注继续查看

遍历

1、each()函数

http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html


字符串:

1、字符串数组:

    a.将含特定分隔号的字符串截取成数组和取值。

    var keywords="我,是,字,符,串";

    var key = keywords.split(","); //以逗号将其分隔为长度为5的字符串数组

    for(i=0;i<key.length;i++){

        alert(key[i]);

    }

2、字符截取替换:

    a、截取:var value=province.substring(province.lastIndexOf(";")+1,province.length)

    b、替换:用str.replace("|",",") 只会替换第一个匹配的字符, str.replace(/\|/g,",")则可以替换掉全部匹配的字符(g为全局标志)。

变量  

1、js中定义字符灵活拼接的变量:

    var name = "test_"+num;   //拼接变更名,num是变量

    window[name] = 100;

    //使用的时候再拼接

    alert(window["test_"+num]); //100,需要调用再拼接取值


转义 

 $("#xid").append("<li><a href='javascript:void(0);' onclick='selectType(this,"+result[i].id+",\"abc\")' value='" + result[i].id + "'>" + result[i].name + "</a></li>");

注:此处需要将“abc”指定为字符串,所以双引号需要作为参数值的一部分传递,因此需要转义。


事件

 1、获取焦点时,如果输入框的内容为“手机”,则置为空。

    <input onfocus="if(this.value=='手机'){this.value=''}" />

 2、onerror

    JS通过onerror判断图片是否存在,如果不存在,则替换为指定的默认图片:


wKiom1iZg3HRnITjAAAHPCVTky0021.png-wh_50


    如果图片/img/10000011.jpg不存在,则显示/img/default.jpg。


操作


1、延时执行:

setTimeout(function() {

    alert(1);//这里写想要执行的代码,迟延1秒;

},1000);


2、提交请求:

    一、超链接:location.href="/company/DP_Ajax.action?presentProduct.id="+id;(id是变量)

  二、表单提交:

      (1)var form = document.getElementById('query');// 'query'是from表单id

          $('form[id=shopForm]').attr('action','/check.action'); //可更换

            form.submit();//提交

       (2)formName.submit();//"formName"为form表单的name属性值;

            

3、验证格式:

    var regular =/^[0-9]{1,5}$/;

    if(num!=null && regular.test(num)){}


4、替换页面内容/赋值:

    $("#operate_"+id).html("<span style='color:#999999;'>提取成功</span>"); //id变量

    $("#nameTip").css("color","#FF9966").html("请使用中英文、数字")

    $("input[name='province']").val("根据name属性赋值内容");

    $("#province").attr("val","abc");//替换自定义属性val的值,或者其它属性也行;


5、获取一个元素下子元素的数量:var num= $("#product_list ul").length;


6、下拉框操作:

    1、改变选项:        

1
2
  var grade="test"
  $("#grade option[value='"+ grade+"']").attr("selected",true);


7、全选:

    例一://全选----调用:onclick="checkAll(this);"

function checkAll(obj){

if(obj.checked){ 

       $("input[name='checkId']").attr('checked', true)

   }else{ 

       $("input[name='checkId']").attr('checked', false)

   } 

}


  例二:$("#checkall").click( 

  function(){ 

    if(this.checked){ 

        $("input[name='checkname']").attr('checked', true)

    }else{ 

        $("input[name='checkname']").attr('checked', false)

    } 

  } 

);

8、根据自定义属性赋值:

$("input[xid=key]").val("马尔代夫");

9、禁止浏览器后退:

$(document).ready(function(e) {

//以下代码都是有用的。

if (window.history && window.history.pushState) {

$(window).on('popstate', function () {

window.history.pushState('forward', null, '#');

window.history.forward(1);

});

}

window.history.pushState('forward', null, '#'); 

window.history.forward(1);

});

10、实时获取输入的内容:

$("input:text").bind("input propertychange",function(){
  alert($(this).val());//打印输入框字符长度
});

或:

<input type="text" oninput="onInput(event)" onpropertychange="onPropertyChange(event)">


11、input的禁用和只读不能css控制,所以用js、jquery处理

  $(".search-input").attr({"disabled":"disabled"});//禁用搜索框

  $(".search-input").attr({"readonly":"readonly"});//搜索框只读











本文转自 艺晨光 51CTO博客,原文链接:http://blog.51cto.com/ycgit/1617293,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JQuery JavaScript常用API整理(前端入门必学)
JQuery JavaScript常用API整理(前端入门必学)
0 0
JavaScript常用库—jQuery
jQuery的核心特性可以总结为具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。
0 0
javascript的装备库——jquery(上)🚗
jquery简称jq,其为javascript的一个库,简化了一些javascript的操作
0 0
JavaScript、jQuery实现“社区便利店收银系统”
随着个性化服务发展,学校、街边、社区等都流行将水果等商品洗净、切好,并装盒,按份出售。现开发一个“社区便利店收银系统”,店中每天提供固定种类的水果,装盒后,标记每一份价格,按份进行销售。在系统中,打开收银网页(casher.html),点击“+”添加销售水果,点击“结账”进行购买水果结算,点击“完成交易”进行下一个新用户购买。
0 0
Javascript:jQuery的ajax请求get请求模板
Javascript:jQuery的ajax请求get请求模板
0 0
Javascript知识【jQuery-基本操作】上篇
本篇主要主要介绍:Jquery概念,以及使用和JS的互转,页面加载完成时的实现
0 0
Javascript知识【jQuery-基本操作】下篇
本篇讲述:jQuery基本操作,以及动画效果的实现
0 0
Prototype以及jQuery和CDN -内容分发网络在使用JavaScript实战运用
Prototype以及jQuery和CDN -内容分发网络在使用JavaScript实战运用
0 0
【jQuery入门】为JavaScript而生,简化JavaScript操作的神技术
之前我们学习了这个JSON热门技术,在之后的学习中都会多多少少的牵扯到JSON相关的知识的,好多技术中也会用到JSON,所以如果你还不知道JSON建议先去看一下我的上一篇博客。
0 0
【JavaScript】关于jquery把网址变成二维码
【JavaScript】关于jquery把网址变成二维码
0 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JavaScript异步编程
立即下载
JavaScript函数
立即下载
Javascript异步编程
立即下载