javaScript知识点总结(必看篇)(2)

　　

 

13、 style 定位方面的样式

　　left top  position  z-index

　　鼠标滚动距离：scorllTop:纵向距离

　　　　　　　　　scorllLeft:横向距离

　　鼠标滚动事假：onscorll

Jquery对象与Dom对象的相互转换

jquery对象转换为DOMD对象，jquery提供两种方法将jquery对象转换为DOM对象，即[index]和get(index),

var $txtName=$(“#txtName”);//jquery对象

var txtName=$txtName[0];//Dom对象

alert(txtName.checked);//检测这个checkbox是否被选中

通过get(index)方法得到对应的Dom对象

Var $txtName=$(“#txtName”);//jquery对象

Var txtName=$txtName.get(0);//Dom对象

alert(txtName.checked);//检测这个checkbox是否被选中

Dom对象转换为jQuery对象

Var txtName=document.getElementById(“txtName”);//dom对象

Var $txtName=$(txtName);//

Dom中添加class属性使用obj.className=classname;

添加类容使用obj.innerHtml=<input />

Jquery中添加class属性使用obj.addClaa=classname;

添加类容使用：obj.html=<input/>;

Jqurey中的五大选择器：

基本选择器 (#  .  标签)

层次选择器(后代 >子    +相邻    ~同辈)

属性选择器(P[class=name])

过滤选择器(“tr:even”)

可见性选择器(“p:hidden” “p:viside”)

Jquery中的事件：

Obj.bind(“clike”,function(){});

obj.bind({mousever:function(){},{mouserout:function(){}}});

obj.unbind();

obj.hover(function(){},function(){})方法集合onmouseOver和onmouseOut

obj.toggle();

$(“.tipsbox”).show();obj.hide();

$(“img”).fadeIn(1000);

$(“.txt”).slideUp(1000); obj.slideDown(1000);

Obj.toggleClass(“class”);//集成了addClass和romoveClass

$(this).val(“”);//清空文本内容

Var $newNode=$(<”<li>用jquery创建新元素节点</li>”>);

在正则表达式

　　

JS中常用的一些小技巧：

1.使用!!操作符转换布尔值，对于变量可以使用！！varable做检测，只要变量的值为：0，null , "" , undefind或者NaN都将返回的是false反之的是true

function Account(cash)
{
this.cash = cash;
this.hasMoney = !! cash;
}

2.使用+将字符串转换为数字，只适用字符串数据，否则返回NaN

function toNumber(strNum) {
return +strNum;
}

适用于Date()返回时间戳数字：+new Date();

3.在循环很大时候数字的长度先给去出来，var legth = array.legth;

4.if('querySelector' in document) {

document.querySelector("#id");
} else {
document.getElementById("id");
}

5.获取数组中的最后一个元素

var array = [1,2,3,4,5];
array.slice(-1);

6.字符串元素的替换

var string = "john john";
string.replace(/hn/, "ana"); //"joana john"
string.replace(/hn/g, "ana"); //"joana joana"

以上这篇javaScript知识点总结(必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章: