cookqq ›博客列表 ›jquery

常用的方法

2013-05-24 20:18:30.0|分类: jquery|浏览量: 189

摘要: 1、截取字符串： substring方法返回位于String对象中指定位置的子字符串。 strVariable.substring(start, end) 2、 div的隐藏和显示...

1、截取字符串：

substring方法
返回位于String对象中指定位置的子字符串。
strVariable.substring(start, end)

2、 div的隐藏和显示

比较简单的实现.style.display就是控制层隐藏或显示的属性.

<html>
<body>
<script>

function show(){
document.getElementById("div").style.display="";
//alert(document.getElementById("div").style.display)
}
function hidden(){
document.getElementById("div").style.display="none";
//alert(document.getElementById("div").style.display)
}
</script>
<BODY>
<input name="name" type="button" onClick="show();" value="显示">
<div id="div" style="display: none" onMouseout="hidden();">
show it
</div>
</BODY>
</HTML>

3、在特定的tr后面插入tr

<body>
<table id="tab">
  <tr><td>0</td></tr>
  <tr id="x"><td>1 在此行下插入新行</td></tr>
  <tr><td>2</td></tr>
</table><br>
<input type="button" onclick="javascript:instTR()" value="插入行">
<script type="text/javascript">
function instTR(){
   var tab=document.getElementById('tab');
   var n=document.getElementById('x').rowIndex+1;
   var tr=tab.insertRow(n);
   var td=tr.insertCell(0);
   td.innerHTML='new '+Math.random();
}
</script>
</body>

4、判断是否是数字：

function checkNum(obj){
		
		var cellValue = obj.value;
  		//isNaN()的意思是非数字，里面传入数字的话就返回false,传入的不是数字的话就返回true 
		//[空的话也是返回true,一个点也是返回true,点个数字组合返回的是false,说明是数字] 
  		if(isNaN(cellValue) && cellValue.length >0){
  			alert("请输入数字");
  			obj.focus();
  			obj.value="";
  		}
	}

5、判断是否为空

// 去空格并验证属性是否为空
	function validNul(val){
		var result = true;
		if(val.replace(/(^\s*)|(\s*$)/g, "") == ""){
			result = false;
		} 
		return result;
	}

6、获取光标

如果你的text所在的form名称是customform，text的name属性是ename
那么：document.customform.ename.focus();

7、

document.location
document.location 这个对象包含了当前URL的信息
location.host 获取port号
location.hostname 设置或获取主机名称
location.href 设置或获取整个URL
location.port设置或获取URL的端口号
location.search 设置或获取href属性中跟在问号后面的部分

8、使用锚

使用锚(mao)可以定位到页面的某个地方
格式：URL+#+元素的ID（最好是<a>的ID），
例子：http://www.google.com#edit。
http://www.google.com页面里有一个<a id="edit"></a>的元素

9、可用与不可用
在html标记里添加disabled表示当前控件不可用，readonly表示当前控件只读，enabled表示当前控件可用。
在js方法里通过disabled=true表示某空间不可用。

结束