说说库和框架的区别?
库:library,相当于工具箱一样的,便于我们简化流程,提高效率。我们可以随便使用,去搭建我们想要完成的效果。
框架: 相当于房子的结构,结构已经打好了,就让我们自己去添加东西。框架是牵着我们按照它的规则走。jquery 能做什么?
它能让我们像选择css方式一样去选择元素,也能让我们快速添加,删除、修改元素和属性,类名,实现跨浏览器使用。jquery 对象和 DOM 原生对象有什么区别?如何转化?
区别:
jquery对象是jquery得来的,是对DOM原生对象的包装,拥有jquery的属性和方法。console.log()则会得到一个[对象],近似一个类数组对象。
DOM原生对象:DOM是浏览器提供我们的api,让我们能去操作文档。而其中的原生对象就是dom上的元素。同时具有相关的内置的原生对象的方法和属性
转化:DOM原生对象--->jquery对象:$('DOM对象’),就是加上$();
jquery对象--->DOM原生对象: $('DOM对象')[index],就是加上下标;jquery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?
在jquery-1.7之后使用on()方法,之前的版本使用:bind,delgate
bind:
在jquery老式版本的绑定事件的方法,已废弃,形式为.bind( eventType [, eventData ], handler(eventObject) )
unbind:
jquery老式版本的解绑事件的方法,已废弃,形式为.unbind( [eventType ] [, handler(eventObject) ] )
delegate:在jquery老式版本的绑定事件的方法,已废弃,类似于on;形式.delegate( selector, eventType, handler(eventObject) )
live:
在jquery -1.7版本的绑定事件的方法,已废弃,形式跟delegate很相似,不过它会默认把代理绑定到document上,这就带来执行很慢的问题,基本上被废弃
on:
jquery-1.7版本开始提供的绑定事件的方法 ,形式:.on( events [, selector ] [, data ], handler(eventObject) )
off:
jquery提供的解绑事件的方法,现在仍在使用,形式:.off( events [, selector ] [, handler(eventObject) ] )
推荐使用:on,off
$('div').on('click','button',function(){}); //绑定在div的button元素上jquery 如何展示/隐藏元素?
1、将元素的style属性中的visibility:hidden; 先判断是不是有style属性,有就删除,无则加
2、给元素添加类名,类名中的样式设置visibility:hidden,先判断是否有类名,有就删,无就加
具体看demo,有注释!
地址:https://github.com/komolei/demo/blob/master/JQuery/index.html
新增在JQuery中有相关的方法,hide():隐藏;show():展示 ;toggle():显示或隐藏匹配的元素jquery 动画如何使用?
动画:使用 animate方法,具体为$selector.animate( properties [, duration ] [, easing ] [, complete ] )
其中properties
类型: [PlainObject]
一个CSS属性和值的对象,动画将根据这组对象移动。
duration (默认: 400)
类型: [Number]
一个字符串或者数字决定动画将运行多久(注:默认值: "normal", 三种预定速度的字符串("slow", "normal", 或 "fast")或表示动画时长的毫秒数值(如:1000) )
easing (默认: swing)
类型: [String]
一个字符串,表示过渡使用哪种缓动函数。(注:jQuery自身提供"linear" 和 "swing")
complete
类型: [Function]
在动画完成时执行的函数。如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
$('e').html();--->设置和获取元素内部的HTML内容(包括HTML结构)
$('e').text();--->设置和获取元素内部文本如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
$(selector).val();设置和获取表单用户输入或者选择的内容
$(selector).attr();设置和获取元素属性使用 jquery实现如下效果
demo: https://github.com/komolei/demo/blob/master/JQuery/%E5%AF%BC%E8%88%AA1.html导航demo:
1、https://github.com/komolei/demo/blob/master/JQuery/tab%E5%88%87%E6%8D%A2.html
2、https://github.com/komolei/demo/blob/master/JQuery/tab%E5%88%87%E6%8D%A22%E4%B8%8D%E5%8A%A0div%E7%9A%84.html
3、https://github.com/komolei/demo/blob/master/JQuery/tab%E4%BD%BF%E7%94%A8hover.html代理demo:
1、https://github.com/komolei/demo/blob/master/JQuery/%E4%BB%A3%E7%90%86%E4%B9%8B%E4%BD%BF%E7%94%A8%E4%BA%86%E5%87%BD%E6%95%B0%E8%B0%83%E7%94%A8%E5%92%8C%E9%97%AD%E5%8C%85.html
2、https://github.com/komolei/demo/blob/master/JQuery/%E4%BB%A3%E7%90%86.html
JQuery
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...