发表于: 2016-08-31 23:33:09
1 1629
今天完成的事情:jQuery学习。
明天计划的事情:任务4.
遇到的问题:用原生实在写不下去4了。太繁琐了。
学习起来JQ感觉不难,相当于原生来说真的一个天上一个地下。
收获:
JQ选择器都是以$符号开头的。
例如:
元素选择器:$('p'); //选择所有的p元素。
ID选择器:$('#XXX'); //选择ID=XXX的元素
类选择器:('.XXX'); //选择Class=XXX的元素
click();//点击事件。
dblclick();//双击元素事件。
mouseenter();//鼠标穿过发生的事件。
mouseleave();//鼠标离开元素发生的事件。
mousedown();//鼠标移动到元素,并按下鼠标发生的事件。
mouseup();//鼠标移动到元素,并松开鼠标发生的事件。
hover();//鼠标悬停发声的事件,因为有放上去和李凯两个事件,所以要分别定义,之间用逗号连接。
focus();//元素获得焦点时候触发事件。
blur();//元素失去焦点触发事件。
JQ隐藏和显示:hide();//隐藏 show();//显示 toggle();//显示隐藏的元素,隐藏显示的元素。
()里可以填3种值, ①1000//毫秒 ②fast//快速 ③slow//慢的
然后 ,号 后面可以跟着写显示,隐藏,后要执行的函数。
JQ淡入淡出:fadeIn()//淡入隐藏的元素 fadeOut();//淡出可见元素。
fadeToggle();//淡入隐藏元素,淡出可见元素, fadeTo();//淡入淡出透明度(0~1之间。)
同样的()里可以填3种值, ①1000//毫秒 ②fast//快速 ③slow//慢的
然后 ,号 后面可以跟着写显示,隐藏,后要执行的函数。
还有滑动,动画,停止动画,暂时用不到就没看了。
jQuery Html
text();//设置返回元素的文本内容。 html();//设置返回元素内容。
val();//设置返回表单字段的值。 attr();//设置返回属性值。
append();//在被选元素的结尾添加内容( 还是添加在元素里);
after();//在被选元素之后添加内容(不在被选元素里);
prepend();//在被选元素的开头添加内容(还在元素里);
before();//在被选元素之前添加内容(不再被选元素里);
$有创建元素的功能,下午偶尔看到的- -, 为什么教程里没有提。
带<></>是创建元素。.html()和.text()可以在里面添加内容
不带<></>就是查找寻找元素了。
remove();//删除被选元素,包括子元素。()里可以写过滤的元素。
empty();//删除被选元素的子元素。 PS:两个删除都包括内容。
JQ。类 addClass();// 被选元素添加一个或多个类。 removeClass();//被选元素删除一个或多个类。
toggleClass();//对被选元素进行添加/删除的切换操作。 (有类的删除,没类的加上。)可选switch布尔值。为true时候添加 false则就删除
设置CSS。
.css('');//一个样式
.css( '':'' , '':'' , '':'');//多个样式
JQ-遍历。
向上查找 祖先元素,向下查找后代元素。
后面的还没看。大概就这么多。
加油加油!!
评论