JS 库包含特性 Demo:
示例
tgxDatas = tgxDatas.replace(/\"/g, ""); <1>去掉所有引号
d = d.replace("\"","").replace("\"",""); <2>替换
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
$(this).hide() - 隐藏当前元素
$(“p”).hide() - 隐藏所有段落
$(“.test”).hide() - 隐藏所有 class=”test” 的所有元素
$(“#test”).hide() - 隐藏所有 id=”test” 的元素
事件:
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$(“p”) 选取 < p> 元素。
$(“p.intro”) 选取所有 class=”intro” 的 < p> 元素。
$(“p#demo”) 选取所有 id=”demo” 的 < p> 元素。
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$(“[href]”) 选取所有带有 href 属性的元素。
$(“[href=’#’]”) 选取所有带有 href 值等于 “#” 的元素。
$(“[href!=’#’]”) 选取所有带有 href 值不等于 “#” 的元素。
函数:
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56,tel:15239039032};
for (x in person)
{
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
异常处理:
try
{
123("Welcome guest!")
}
catch(err)
{
txt="本页中存在错误。\n\n"
txt+="错误描述:" + err.description + "\n\n"
txt+="点击“确定”继续。\n\n"
alert(txt)
}
判断不为空 例如空格:
var strings = ' ';
if (strings.replace(/(^s*)|(s*$)/g, "").length ==0)
{
alert('不能为空');
}
当声明的变量未初始化时,该变量的默认值是 undefined。
var oTemp;
alert(typeof oTemp); //输出 “undefined”
alert(typeof oTemp2); //输出 “undefined”
var iNum = 10;
alert(iNum.toString(2)); //输出 “1010”
alert(iNum.toString(8)); //输出 “12”
alert(iNum.toString(16)); //输出 “A”
在前面的示例中,以 3 种不同的形式输出了数字 10,即二进制形式、八进制形式和十六进制形式。HTML 采用十六进制表示每种颜色,在 HTML 中处理数字时这种功能非常有用。
注释:对数字调用 toString(10) 与调用 toString() 相同,它们返回的都是该数字的十进制形式。
对小数点保留处理:
var r=Math.random()
r= r.toFixed(2); 截取小数点 //四舍五入
num = Math.floor(num * 100) / 2.
document.write(num ) //不会四舍五入
//四舍五入
alert("保留2位小数:" + toDecimal(3.14159267));
alert("强制保留2位小数:" + toDecimal2(3.14159267));
alert("保留2位小数:" + toDecimal(3.14559267));
alert("强制保留2位小数:" + toDecimal2(3.15159267));
alert("保留2位小数:" + fomatFloat(3.14559267, 2));
alert("保留1位小数:" + fomatFloat(3.15159267, 1));
//五舍六入
alert("保留2位小数:" + 1000.003.toFixed(2));
alert("保留1位小数:" + 1000.08.toFixed(1));
alert("保留1位小数:" + 1000.04.toFixed(1));
alert("保留1位小数:" + 1000.05.toFixed(1));
//科学计数
alert(3.1415.toExponential(2));
alert(3.1455.toExponential(2));
alert(3.1445.toExponential(2));
alert(3.1465.toExponential(2));
alert(3.1665.toExponential(1));
//精确到n位,不含n位
alert("精确到小数点第2位" + 3.1415.toPrecision(2));
alert("精确到小数点第3位" + 3.1465.toPrecision(3));
alert("精确到小数点第2位" + 3.1415.toPrecision(2));
alert("精确到小数点第2位" + 3.1455.toPrecision(2));
alert("精确到小数点第5位" + 3.141592679287.toPrecision(5));
function get()
{
var s = 22.127456 + "";
var str = s.substring(0,s.indexOf(".") + 3);
alert(str);
}