jquery操作字符串常用方法总结及工作代码

jquery操作字符串常用方法总结及工作代码

1.javascript数组用法

方法 描述 FF IE
concat() 连接两个或更多的数组,并返回结果。 1 4
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 1 4
pop() 删除并返回数组的最后一个元素 1 5.5
push() 向数组的末尾添加一个或更多元素,并返回新的长度。 1 5.5
reverse() 颠倒数组中元素的顺序。 1 4
shift() 删除并返回数组的第一个元素 1 5.5
slice() 从某个已有的数组返回选定的元素 1 4
sort() 对数组的元素进行排序 1 4
splice() 删除元素,并向数组添加新元素。 1 5.5
toSource() 返回该对象的源代码。 1 -
toString() 把数组转换为字符串,并返回结果。 1 4
toLocaleString() 把数组转换为本地数组,并返回结果。 1 4
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。 1 6
valueOf() 返回数组对象的原始值 1 4

上边列出来的就是JavaScript对数组对象的封装,通过以上方法,可以轻松便捷的操作数组对象,引用网址:http://www.cnblogs.com/zyh-nhy/archive/2007/08/08/847876.html

2.checkbox
对于复选框来说,一般有一个固定的流程,许多的复选框都归结于一个属性,所以通常使用textbox或者label对象来存储一族复选框的值,只需要把textbox或者label的属性设置成hidden即可。在页面传参或者获取参数时,只需要操作响应的textbox或者label即可。
例如:
<div >
 

 });
至此,select选项的初始化已经完成,由于该控件大多数情况下是使用的单值,所以表单值的获取不需要再写
此外select最重要的一个事件就要数onChange了,只需要在页面上加上onchange事件声明,然后再在jQuery中处理即可。

4.字符串函数
字符串的包装是许多语言中很重要的应用,因为非常实用,使用概率也很高,js也不例外,对字符串进行了一系列的封装,具体方法如下:
方法 描述 FF IE
anchor() 创建 HTML 锚。 1 3
big() 用大号字体显示字符串。 1 3
blink() 显示闪动字符串。 1  
bold() 使用粗体显示字符串。 1 3
charAt() 返回在指定位置的字符。 1 3
charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 1 4
concat() 连接字符串。 1 4
fixed() 以打字机文本显示字符串。 1 3
fontcolor() 使用指定的颜色来显示字符串。 1 3
fontsize() 使用指定的尺寸来显示字符串。 1 3
fromCharCode() 从字符编码创建一个字符串。 1 4
indexOf() 检索字符串。 1 3
italics() 使用斜体显示字符串。 1 3
lastIndexOf() 从后向前搜索字符串。 1 3
link() 将字符串显示为链接。 1 3
localeCompare() 用本地特定的顺序来比较两个字符串。 1 4
match() 找到一个或多个正在表达式的匹配。 1 4
replace() 替换与正则表达式匹配的子串。 1 4
search() 检索与正则表达式相匹配的值。 1 4
slice() 提取字符串的片断,并在新的字符串中返回被提取的部分。 1 4
small() 使用小字号来显示字符串。 1 3
split() 把字符串分割为字符串数组。 1 4
strike() 使用删除线来显示字符串。 1 3
sub() 把字符串显示为下标。 1 3
substr() 从起始索引号提取字符串中指定数目的字符。 1 4
substring() 提取字符串中两个指定的索引号之间的字符。 1 3
sup() 把字符串显示为上标。 1 3
toLocaleLowerCase() 把字符串转换为小写。 - -
toLocaleUpperCase() 把字符串转换为大写。 - -
toLowerCase() 把字符串转换为小写。 1 3
toUpperCase() 把字符串转换为大写。 1 3
toSource() 代表对象的源代码。 1 -
toString() 返回字符串。 - -
valueOf() 返回某个字符串对象的原始值。 1 4
引用网址:http://www.w3school.com.cn/js/jsref_obj_string.asp

5.至于其他控件的使用在此先不赘述,后边用到在写,表单元素添加完成之后就是表单的提交了,以前也许是使用html的页面通用对象,比如request等设置参数,或者直接跟在地址后边,不论怎么处理,都要写一大堆的代码,然而使用jQuery之后,这一工作变的异常的简单。原因就是serialize()方法的使用。
例子如下:
html:
<form name="form1" >
 <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">

  function btClick()

  {

     window.location.href=url+"?"+$("#form1").serialize();

  }

</script>

Result:
 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  +
        "    <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>&nbsp;&nbsp;&nbsp;"+$paymentWayInfo+"</li>" +
        "    </ul>" +
        "    <h5>订单商品:</h5>" +
        "    <div class="scrollimg">" +
        "        <div  +
        "          <ul style="position: absolute; left: 0px; top: 0px;  784px;">" +
                        $wareImagList +
        "          </ul>" +
        "        </div>" +
        "          <span  +
        "          <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");
    }