jQuery特别属性操纵

val要领

val要领用于设置和猎取表单元素的值，比方input、textarea的值

//设置值
$("#name").val(“张三”);
//猎取值
$("#name").val();

html要领与text要领

html要领相当于innerHTML text要领相当于innerText

//设置内容
$(“div”).html(“<span>这是一段内容</span>”);
//猎取内容
$(“div”).html()

//设置内容
$(“div”).text(“<span>这是一段内容</span>”);
//猎取内容
$(“div”).text()

width要领与height要领

设置或许猎取高度

//带参数示意设置高度
$(“img”).height(200);
//不带参数猎取高度
$(“img”).height();

猎取网页的可视区宽高

//猎取可视区宽度
$(window).width();
//猎取可视区高度
$(window).height();

scrollTop与scrollLeft

设置或许猎取垂直滚动条的位置

//猎取页面被卷曲的高度
$(window).scrollTop();
//猎取页面被卷曲的宽度
$(window).scrollLeft();

offset要领与position要领

offset要领猎取元素间隔document的位置，position要领猎取的是元素间隔有定位的父元素的位置。

//猎取元素间隔document的位置,返回值为对象：{left:100, top:100}
$(selector).offset();
//猎取相对于其近来的有定位的父元素的位置。
$(selector).position();

jQuery事宜机制

JavaScript中已进修过了事宜，然则jQuery对JavaScript事宜进行了封装，增添并扩大了事宜处置惩罚机制。jQuery不仅供应了越发文雅的事宜处置惩罚语法，而且极大的加强了事宜的处置惩罚才。
简朴事宜绑定>>bind事宜绑定>>delegate事宜绑定>>on事宜绑定(引荐)
简朴事宜注册

click(handler)            单击事宜
mouseenter(handler)        鼠标进入事宜
mouseleave(handler)        鼠标脱离事宜

瑕玷：不能同时注册多个事宜

bind体式格局注册事宜

//第一个参数：事宜范例
//第二个参数：事宜处置惩罚顺序
$("p").bind("click mouseenter", function(){
    //事宜相应要领
});

瑕玷：不支撑动态事宜绑定

delegate注册托付事宜

// 第一个参数：selector，要绑定事宜的元素
// 第二个参数：事宜范例
// 第三个参数：事宜处置惩罚函数
$(".parentBox").delegate("p", "click", function(){
    //为 .parentBox下面的一切的p标签绑定事宜
});

瑕玷：只能注册托付事宜，因而注册时刻须要记得要领太多了

on注册事宜（重点）
jQuery1.7以后，jQuery用on一致了一切事宜的处置惩罚要领。

最当代的体式格局，兼容zepto(挪动端相似jQuery的一个库)，强烈建议运用。
on注册简朴事宜

// 示意给$(selector)绑定事宜，而且由本身触发，不支撑动态绑定。
$(selector).on( "click", function() {});

on注册托付事宜

// 示意给$(selector)绑定代办事宜，当必需是它的内部元素span才触发这个事宜，支撑动态绑定
$(selector).on( "click",“span”, function() {});

on注册事宜的语法：

// 第一个参数：events，绑定事宜的称号可所以由空格分开的多个事宜（规范事宜或许自定义事宜）
// 第二个参数：selector, 实行事宜的子女元素（可选），假如没有子女元素，那末事宜将有本身实行。
// 第三个参数：data，通报给处置惩罚函数的数据，事宜触发的时刻经由过程event.data来运用（不常运用）
// 第四个参数：handler，事宜处置惩罚函数
$(selector).on(events[,selector][,data],handler);

事宜解绑

// 解绑婚配元素的一切事宜
$(selector).off();
// 解绑婚配元素的一切click事宜
$(selector).off("click");

触发事宜

$(selector).click(); //触发 click事宜
$(selector).trigger("click");

jQuery事宜对象

jQuery事宜对象实在就是js事宜对象的一个封装，处置惩罚了兼容性。

//screenX和screenY    对应屏幕最左上角的值
//clientX和clientY    间隔页面左上角的位置（无视滚动条）
//pageX和pageY    间隔页面最顶部的左上角的位置（会盘算滚动条的间隔）

//event.keyCode    按下的键盘代码
//event.data    存储绑定事宜时通报的附加数据

//event.stopPropagation()    阻挠事宜冒泡行动
//event.preventDefault()    阻挠浏览器默许行动
//return false:既能阻挠事宜冒泡，又能阻挠浏览器默许行动。