<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1</title>
</head>
<body>
find()被选元素的后代元素 xx.find(li || span) 可以找到所有的后代元素
attr() 改变一个属性的值 比如 xx.attr("width",20)或者xx.("class","aaa"或者"")
prop()方法设置或返回被选元素的属性和值
append()append() 方法在被选元素的结尾插入指定内容。ul.append("<li>插入项</li>")
siblings()方法返回被选元素的所有同级元素。兄弟元素
eq() 方法返回带有被选元素的指定索引号的元素。li.eq(1)li的第二个li eq(idx)
index()方法返回指定元素相对于其他指定元素的 index 位置。一般都是var idx = $(this).index()
filter()方法返回符合一定条件的元素。xx.filter(".aaa")执行class为aaa的元素
not() 返回除了自身之外的其他条件元素 children() 方法返回被选元素的所有直接子元素。
each()方法为每个匹配元素规定要运行的函数。
on() 添加一个或多个事件监听 size()计算数量的 $("div")
.size() 多少个div
addClass() remove() 添加删除class类
end 回到第一步 parents 找到父元素
after 插入到每个目标后的html内容 .atter("<>1<>")
before 插入到每个目标前的html内容
first 获取第一个元素 last 获取最后一个元素
<!--动画-->
sildeToggle()向上向下之间切换 hide()隐藏
2.show()显示
3.toggle()隐藏/显示
fadeln()淡入已隐藏的元素
2.fadeOut()淡出可见元
animate()自定义动画
<!--****************************************************************************************-->
<!--ajax-->
dataType:"jsonp", 解决跨域问题
def 当延迟成功时调用一个函数或者数组函数. def.resolve()
.then 添加处理程序被调用时,递延对象得到解决或者拒绝。
setTimeout 定时器
load 载入远程 HTML 文件代码并插入至 DOM 中。
.getJSON 跨域实现 script中只接受get
when 提供一种方法来执行一个或多个对象的回调函数,延迟对象通常表示异步事件。
<!--*******************************************************************************-->
<!--jq数组方法-->
jQuery.makeArray 将类数组对象转换为数组对象。
jQuery.grep 使用过滤函数过滤数组元素。
jQuery.map 将一个数组中的元素转换到另一个数组中。
<!--将原数组中每个元素加 4 转换为一个新数组。
$.map( [0,1,2], function(n){
return n + 4;
}); //[4, 5, 6] -->
jQuery.inArray 确定第一个参数在数组中的位置,从0开始计数(如果没有找到则返回 -1 )。
jQuery.merge 合并两个数组
jQuery.toArray() 把jQuery集合中所有DOM元素恢复成一个数组。
jQuery.unique(array) 删除数组中重复元素。只处理删除DOM元素数组,而不能处理字符串或者数字数组。
jQuery.parseJSON 接受一个JSON字符串,返回解析后的对象。
<!--var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );-->
*************************************************************************************
<!--补充-->
JSON.parse JSON.stringify
Array.from() 将类数组对象转换为数组对象。
filter 过滤数组 indexOf 有返回1 没有-1
concat() 合并数组
each遍历
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
});
$(function(){
document.qyrsjhasjdhas
})
</body>
</html>