JS 库包含特性 Demo

JS库特性与示例
本文介绍了JS库的各种特性及示例应用,包括HTML元素选取与操作、CSS操作、事件处理、特效和动画等。此外还展示了如何使用jQuery进行DOM遍历与修改,并提供了字符串处理、数字格式化等实用函数。

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);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值