jquery操作字符串常用方法总结及工作代码
来源:互联网 发布:java装饰模式好处 编辑:程序博客网 时间:2024/06/05 08:33
1.javascript数组用法
方法 描述 FF IE concat()连接两个或更多的数组,并返回结果。14join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。14pop()删除并返回数组的最后一个元素15.5push()向数组的末尾添加一个或更多元素,并返回新的长度。15.5reverse()颠倒数组中元素的顺序。14shift()删除并返回数组的第一个元素15.5slice()从某个已有的数组返回选定的元素14sort()对数组的元素进行排序14splice()删除元素,并向数组添加新元素。15.5toSource()返回该对象的源代码。1-toString()把数组转换为字符串,并返回结果。14toLocaleString()把数组转换为本地数组,并返回结果。14unshift()向数组的开头添加一个或更多元素,并返回新的长度。16valueOf()返回数组对象的原始值14上边列出来的就是JavaScript对数组对象的封装,通过以上方法,可以轻松便捷的操作数组对象,引用网址:http://www.cnblogs.com/zyh-nhy/archive/2007/08/08/847876.html
2.checkbox
对于复选框来说,一般有一个固定的流程,许多的复选框都归结于一个属性,所以通常使用textbox或者label对象来存储一族复选框的值,只需要把textbox或者label的属性设置成hidden即可。在页面传参或者获取参数时,只需要操作响应的textbox或者label即可。
例如:
<div id="crowd" class="checkbox_bgfl">
<input name="crowd" type="hidden"/>
<p><inputtype="checkbox" value="137"/><span>老人</span></p>
<p><inputtype="checkbox" value="138"/><span>青年</span></p>
<p><inputtype="checkbox" value="139"/><span>儿童</span></p>
</div>
该复选框族是选出适宜人群,在js中对其操作如下:
var crowd=[],//声明存取复选框值的数组
$("#crowd input:checkbox:checked").each(function(){
crowd.push(this.value);
});//遍历复选框,将选中的值存入crowd 数组
$("#crowdinput:hidden").val(crowd.join(","));//从crowd数组中取出值,并且将这些值串成一个字符串,值与值之间用逗号分隔。
例如选中老人和儿童,则参数格式如下:...?crowd=137,139
3.select
jquery中select的操作相对简单,但是,可以通过append()函数动态的添加option项即可。
例如页面中有一个select控件如下:
<select id="crowd" name="crowd">
<optionvalue="-1">请选择</option>
</select>
js代码如下所示:
var crowd="老人 137,青年 138,儿童 139"; //选项字符串数组
crowd=crowd.split(",");//字符串分割
vartemp=$("#crowd");//获取页面中的对象
$each(crowd,function(){ //遍历选项串
var value=this.split(" "); //将选项串继续分隔
temp.append($("<option/>").html(value[0]).attr("value",value[1]));//添加option
});
至此,select选项的初始化已经完成,由于该控件大多数情况下是使用的单值,所以表单值的获取不需要再写
此外select最重要的一个事件就要数onChange了,只需要在页面上加上onchange事件声明,然后再在jQuery中处理即可。
4.字符串函数
字符串的包装是许多语言中很重要的应用,因为非常实用,使用概率也很高,js也不例外,对字符串进行了一系列的封装,具体方法如下:
方法 描述 FF IE anchor()创建 HTML 锚。13big()用大号字体显示字符串。13blink()显示闪动字符串。1 bold()使用粗体显示字符串。13charAt()返回在指定位置的字符。13charCodeAt()返回在指定的位置的字符的 Unicode 编码。14concat()连接字符串。14fixed()以打字机文本显示字符串。13fontcolor()使用指定的颜色来显示字符串。13fontsize()使用指定的尺寸来显示字符串。13fromCharCode()从字符编码创建一个字符串。14indexOf()检索字符串。13italics()使用斜体显示字符串。13lastIndexOf()从后向前搜索字符串。13link()将字符串显示为链接。13localeCompare()用本地特定的顺序来比较两个字符串。14match()找到一个或多个正在表达式的匹配。14replace()替换与正则表达式匹配的子串。14search()检索与正则表达式相匹配的值。14slice()提取字符串的片断,并在新的字符串中返回被提取的部分。14small()使用小字号来显示字符串。13split()把字符串分割为字符串数组。14strike()使用删除线来显示字符串。13sub()把字符串显示为下标。13substr()从起始索引号提取字符串中指定数目的字符。14substring()提取字符串中两个指定的索引号之间的字符。13sup()把字符串显示为上标。13toLocaleLowerCase()把字符串转换为小写。--toLocaleUpperCase()把字符串转换为大写。--toLowerCase()把字符串转换为小写。13toUpperCase()把字符串转换为大写。13toSource()代表对象的源代码。1-toString()返回字符串。--valueOf()返回某个字符串对象的原始值。14 引用网址:http://www.w3school.com.cn/js/jsref_obj_string.asp
5.至于其他控件的使用在此先不赘述,后边用到在写,表单元素添加完成之后就是表单的提交了,以前也许是使用html的页面通用对象,比如request等设置参数,或者直接跟在地址后边,不论怎么处理,都要写一大堆的代码,然而使用jQuery之后,这一工作变的异常的简单。原因就是serialize()方法的使用。
例子如下:
html:
<form name="form1" id="form1"method="post">
2.checkbox
对于复选框来说,一般有一个固定的流程,许多的复选框都归结于一个属性,所以通常使用textbox或者label对象来存储一族复选框的值,只需要把textbox或者label的属性设置成hidden即可。在页面传参或者获取参数时,只需要操作响应的textbox或者label即可。
例如:
<div id="crowd" class="checkbox_bgfl">
该复选框族是选出适宜人群,在js中对其操作如下:
var crowd=[],//声明存取复选框值的数组
$("#crowd input:checkbox:checked").each(function(){
例如选中老人和儿童,则参数格式如下:...?crowd=137,139
3.select
jquery中select的操作相对简单,但是,可以通过append()函数动态的添加option项即可。
例如页面中有一个select控件如下:
<select id="crowd" name="crowd">
</select>
js代码如下所示:
var crowd="老人 137,青年 138,儿童 139";
至此,select选项的初始化已经完成,由于该控件大多数情况下是使用的单值,所以表单值的获取不需要再写
此外select最重要的一个事件就要数onChange了,只需要在页面上加上onchange事件声明,然后再在jQuery中处理即可。
4.字符串函数
字符串的包装是许多语言中很重要的应用,因为非常实用,使用概率也很高,js也不例外,对字符串进行了一系列的封装,具体方法如下:
5.至于其他控件的使用在此先不赘述,后边用到在写,表单元素添加完成之后就是表单的提交了,以前也许是使用html的页面通用对象,比如request等设置参数,或者直接跟在地址后边,不论怎么处理,都要写一大堆的代码,然而使用jQuery之后,这一工作变的异常的简单。原因就是serialize()方法的使用。
例子如下:
html:
<form name="form1" id="form1"method="post">
<input type='text' name='name' value='John'/> <input type='text' name='location' value='Boston'/><button name="bt" click="btClick"></form>jquery代码:<script type="text/javasctipt">Result:function btClick() { window.location.href=url+"?"+$("#form1").serialize(); }</script>
url?name=John&location=Boston // 订单金额信息 var $orderMoneyInfo = $('#track'+orderId).children('td').eq(3).text(); // 分割金额和支付方式文案 var moneyIndex = $orderMoneyInfo.indexOf("."); var $moneyInfo = $orderMoneyInfo.substr(0, moneyIndex+3); var $paymentWayInfo = $orderMoneyInfo.substr(moneyIndex+3, $orderMoneyInfo.length); var $contend = "<div id=\"mbz\">" + " <div class=\"m-text\"><i class=\"bg-joy\"></i>" + " <p class=\"ftx-04\">replaceValue</p>" + " </div>" + "<div class=\"m minfo\">" + " <div class=\"mt\"><h3>订单信息</h3></div>" + "<div class=\"mc\">" + " <ul class=\"list-oinfo\">" + " <li>订单号:"+orderId+"</li>" + " <li>订单金额:<strong class=\"ftx-01\">"+$moneyInfo+"</strong> "+$paymentWayInfo+"</li>" + " </ul>" + " <h5>订单商品:</h5>" + " <div class=\"scrollimg\">" + " <div id=\"scrollimg\" style=\"position: relative; width: 392px; height: 56px; overflow: hidden;\">" + " <ul style=\"position: absolute; left: 0px; top: 0px; width: 784px;\">" + $wareImagList + " </ul>" + " </div>" + " <span id=\"prev\" class=\"disabled\"><</span>" + " <span id=\"next\" class=\"\">></span>" + " </div>" + "</div>" + "</div>" + "<div class=\"btns\">" + "<a class=\"btn btn-6\" href=\"#none\" onclick=\"finishConfirm("+orderId + "," + orderType + "," + venderId + ")\"><s></s>确定</a><a id='cancelBtn"+ orderId +"' class=\"btn btn-10\" href=\"#none\" onclick=\"jdThickBoxclose()\"><s></s>取消</a>"+ "</div>"+ "</div>"; if(orderType >=21 && orderType <=25){ $contend = $contend.replace("replaceValue", "value1"); } else { $contend = $contend.replace("replaceValue", "value2"); }
- jquery操作字符串常用方法总结及工作代码
- jquery操作字符串常用方法总结及工作代码
- 常用JQUERY操作总结
- 常用Jquery操作总结
- jquery常用代码总结
- 常用字符串操作代码
- 字符串操作常用代码
- jquery 常用方法及事件操作 $工具方法
- jquery 常用的对字符串进行操作的方法小结
- jquery 操作工作中总结
- jquery操作json数组的实现代码及常用函数
- jquery常用方法总结
- jquery常用方法总结
- JQuery常用方法总结
- JQuery常用方法总结
- jquery常用方法总结
- jQuery 常用方法总结
- jQuery 常用方法总结
- 黑马程序员-------面向对象
- 【官方文档】《暗黑世界GM管理后台系统》部署+功能说明
- 前端开发规范文档
- C++:STL标准入门汇总
- oracle 实现按周,月,季度,年查询统计数据
- jquery操作字符串常用方法总结及工作代码
- BPM要做到“不聋 不哑 不瞎”?
- Android 内存分析和调优
- Visual Studio 2012 Predefined Macros
- linux中查找指定字符串并输出到指定目录
- Getting the ID of the element that fired an event using jQuery
- [django]ubuntu下django 开发 环境配置
- js Math.random()
- CSS命名规则