06-高级方法

发表于 | 分类于 |

高级方法

清空

  • html(“”)
  • empty()

删除节点

  • remove()
  • detach()

获取文本

text() ★
获取文本的特点

替换节点

  • replaceWidth() ★
  • replaceAll() ★

事件扩展

hover() ★★★

mouseenter , mouseleave
与over,out区别

focusin() ★

支持input冒泡

focusout() ★

on参数

1
2
3
4
5
$('#div1').on('click',{name:"hello"},function(ev){
	
	console.log(ev.data.name);
	
});
  • 获取原生event
    • originalEvent
    • changedTouches
  • triggerHandler() ★
    与trigger()的区别:不会触发事件自带的默认行为

event对象

ev.stopImmediatePropagation(); //会阻止本身的事件操作

ev.stopPropagation();

ready()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function(){

});

$(function(){   //等DOM加载完就会执行
	

	$('img').load(function(){
		alert($('img').width());	
	});
	
});

$(window).load(function(){   //等整个页面加载完才会执行
	
	
	
});

截止操作

  • nextUntil() ★
  • prevUntil() ★
  • parentsUntil() ★

不包括截止的dom节点

数据缓存

data() 

1
2
3
4
5
$('#div1').data('name','hello');   //把数据存到了一个大的集合中
	
$('#div1').removeData('name');

alert( $('#div1').data('name') );
  • prop() //. [] oDiv[‘index’] = i; ★★★
  • 与attr()三者的区别
  • removeAttr() , removeProp() , removeData()

JSON形式的设置

  • on()
  • css()
  • attr()

回调形式的设置

  • addClass()
  • html()
  • val()

工具方法

  • $.merge() ★
  • $.map() ★
  • $.grep() ★
  • $.unique() : 只是针对DOM节点的去重方法 ★
  • $.inArray() ★
  • $.makeArray() ★
  • $.trim() ★★★

ajax扩展

辅助

  • $. param() ★★★
  • serialize() ★★★
  • serializeArray() ★★★