jquery
选择器:
ID选择器、class选择器、标签选择器、
$(".a:eq(0)")
首个:first
尾个:last
大于:gt
小于:lt
排除:not
奇数:odd
偶数:even
属性名过滤:[属性名] 、 按属性名值过滤:[属性名=值]、[属性值!=值]
内容过滤:文字 :contains("字符串") 、 子元素 :has("选择器")
遍历class选择器中:
function aa() {
$(".shuo_text").each(function () {
if ($(this).get(0).offsetHeight > 79) {
$(this).next().removeAttr("hidden");
}
});
}
-----------------------
事件:
JS中的事件没有on
复合事件: hover(function(){},function(){}) ---把mouseover()与mouseout合起来
toggle(function(){},function(){},...) ---点击事件,循环执行,可以无限加事件
未来元素:对象.live("事件名",function(){});
事件冒泡:指事件重叠,用 return false 来阻止事件冒泡
----------------------
DOM操作:
查找:
属性:attr() removeAttr()
样式:css() 、操作样式表的class :addclass(),removeclass(),toggle()--添加移除交替
内容:表单元素:val() 非表单元素:html(),text()
元素:父级:parent() 一个对象 、 parents(选择器) 选一个对象
子级:children(选择器) 从子级中选 、 find(选择器) 从后代的后代选,都可以
平级:prev() 上一个 、prevAll(选择器)、next()下一个 、 nextAll(选择器)
操作:
新建:$("HTML字符串")
添加:append(jqurey对象) 内部添加 、 after() 向下平级添加 、 before()向上平级添加
移除:empty() 谁调用移除谁全部 、 remove() 移除元素
复制:clone() 克隆
-------------------------------
动画:show(), display=block;
hide(), display=none;
slideDown(), 之前display=none; 向下拉下来
slideUp(), 向上拉上,并display=none;
fadeIn(), 淡出
fadeOut(), 淡入
自定义动画:animate({left:"100px",top:"100px"},1000,function(){回调函数})
停止动画:.stop(true);
------------------------------
JQurey对象转换为JS对象 $(".aaa").get(0)
JS对象转换为JQuery对象 aaa=document.getElementById("aaa") ; $(aaa)
------------------------------
未来元素监听:
$(document).on('click', '.div1', function () {
alert('aaa');
});