本帖最后由 小石姐姐 于 2017-11-20 13:58 编辑
table>tr*5>td*5 tab键 快速生成表格
$("tr:odd").on('click',function(){
console.log(1314);
});
用append 添加已存在的元素是就成了移动效果了
事件委派
把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素
JQuery
是JS的框架(JS的类库)
常用框架JQuery, ExtJS是最大的JS
JQ显示和隐藏
show();
Jq对象.show()
Jq对象.show("slow");//slow,normal,fast
Jq对象.show(毫秒值);
Jq对象.show(毫秒值,function(){});
hide();
Jq对象.hide()
Jq对象.hide("show");//slow,normal,fast
Jq对象.hide(毫秒值);
Jq对象.hide(毫秒值,function(){});
slideDown();向下滑动
sledeUp();向上滑动
fadeIn();淡入
fadeIn();淡出
animate();自定义动画
toggle();单击切换函数
JQuery的选择器
基本选择器
ID选择器
$("#id")
类选择器
$(".类名")
元素(标签)选择器
$("元素名称")
并列选择器
$(选择器,选择器,选择器)
层级选择器
后代选择器 使用空格
子元素选择器 使用>
下一个 使用+
兄弟 使用~
基本过滤选择器和内容选择器
div(没有空格): eq();
odd 奇数行
even偶数行
属性选择器
JQuery对属性的操作
attr(); 自定义属性
$("").attr("src");
$("").attr("src,"text.jpg"");
$("").attr("src":"text.jpg","width":"100")
removeAttr();
prop() 非自定义属性
$("").prop("src");
$("").prop("src,"text.jpg"");
$("").prop("src":"text.jpg","width":"100")
removeprop();
DOM操作
A.append(B) 添加
$().each(function(index,element){ 遍历
})
JQuery的遍历
s.each(objects,function(i,n){
});
|
|