发表于: 2016-08-31 23:33:09

1 1634


今天完成的事情: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-遍历。

向上查找 祖先元素,向下查找后代元素。

后面的还没看。大概就这么多。

 加油加油!!


返回列表 返回列表
评论

    分享到