分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

js面试

发布时间:2023-09-06 01:27责任编辑:胡小海关键词:js

js:
1.什么是javascript? js有什么优点?
????JavaScript是一种基于对象和事件驱动的客户端的脚本语言,常用于网页客户端编程,使网页在客户端浏览器中,实现更多地动态功能,表现出更加丰富的视觉效果。
优点: ?1。减轻服务器的负担
2.同时使网站运行效率更高
2.js鼠标事件有哪些?写出来.
onClick 鼠标点击事件多用在某个对象控制的范围内的鼠标点击.
onDblClick ??鼠标双击事件
onMouseDown ?鼠标上的按钮被按下了
onMouseUp ???鼠标按下后,松开时激发的事件
onMouseOver ?当鼠标移动到某对象范围的上方时触发的事件
onMouseMove ?鼠标移动时触发的事件
???????onMouseOut ??当鼠标离开某对象范围时触发的事件
onKeyPress ??当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown ???当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp ?????当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
3.js键盘事件有哪些?写出来.
onKeyPress ?当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
???????onKeyDown ?当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
???????onKeyUp ?当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

4.js常用的html事件哪些? 写出来.
onblurscript元素失去焦点时运行的脚本。
onchangescript在元素值被改变时运行的脚本。
oncontextmenuscript当上下文菜单被触发时运行的脚本。
onfocusscript当元素获得焦点时运行的脚本。
onformchangescript在表单改变时运行的脚本。
onforminputscript当表单获得用户输入时运行的脚本。
oninputscript当元素获得用户输入时运行的脚本。
oninvalidscript当元素无效时运行的脚本。
onresetscript当表单中的重置按钮被点击时触发。HTML5 中不支持。
onselectscript在元素中文本被选中后触发。
onsubmitscript在提交表单时触发。
5.onblur和onchange有哪些区别?
onblur:事件会在对象失去焦点时发生;
???????onchange:当数据发生改变的时候触发的事件.
6.js找到一个节点有哪些方式? 都写出来.
1. 通过顶层document节点获取
document.getElementById(elementId)
document.getElementsByName(elementName)
document.getElementsByTagName(tagName)
2、通过父节点获取
parentObj.firstChild
parentObj.lastChild
parentObj.childNodes
parentObj.children
parentObj.getElementsByTagName(tagName)
3、通过临近节点获取
neighbourNode.previousSibling
neighbourNode.nextSibling
4、通过子节点获取
childNode.parentNode
7.在js中,浏览器不兼容该如何处理?

8.在js中,如何设置Cookie的过期时间.
var exp = new Date(); ?
????????exp.setTime(exp.getTime() + 设置要过期的时间);
可以通过setTime里面的gettime方法进行设置
9.form中的input有哪些类型?各是做什么处理使用的?
text 文本输入框 password 密码输入框 file上传文件 ?hidden 隐藏 button按钮
checkox多选框 radio 单选框 image 可以作为图片按钮 submit 提交 reset 重置
10. A标签的target 的值
规定在何处打开链接文档,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。
11. JS在页面的位置
1。<head>头部的下面
2.也可以在body里面

12. table标签中border,cellpadding, td标签中colspan,rowspan分别起什么作用?
border:表格的边框的宽度
???????cellpadding:属性规定单元边沿与其内容之间的空白
td colspan:合并跨行的列数
td rowspan:合并行数
13. form中的input可以设置readonly和disabled,请问这两项属性有什么区别?
???1. ?Readonly只针对input(text / password)和textarea有效,
???????disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。
???2.readonly只能读不能写,但是post可以提交数据
disabled,:提交数据时,disabled修饰的数据不能被提交。
14. JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么?
alert() 弹出提示框(确定)。
confirm 弹出个确认框 (确定,取消)。
prompt() 弹出个输入框 让你输入东西。
15. 如何获取表单<select>域的选择部分的文本? 选中多行怎么办?
读取当前option的text属性就行了
document.getElementById(‘select_id‘).options[document.getElementById(‘select_id‘).selectedIndex].text

16. js中定时器setTimeout和setInterval有是区别
setTimeout:是设定的时间完成后才执行。
setInterval:是每隔设定的时间就会执行一次。
17. js中事件和方法有什么区别?
事件:通过动作触发某个事件:单击,双击,鼠标悬停事件等等
方法:对一个事情的处理,比如show(),我可以在触发单击事件的时候调用show(),也可以在双击的时候调用。
18. js的数据类型, 原始数据类型包含那些? 引用数据类型包含那些?
(1)值类型:数值、布尔值、null、undefined。
???????(2)引用类型:对象、数组、函数。

19. Event对象的浏览器兼容的相同点和不同点;
20. setTimeout 和 setInterval有什么区别? 如何取消定时器;
setTimeout:是设定的时间完成后才执行。
setInterval:是每隔设定的时间就会执行一次。
window.clearInterval(timer1)/window.clearTimeout(time1);
21. 节点的类型有那些? 如何访问节点?
元素节点 ?属性节点 ?文本节点 ?文档节点

22. 文档碎片的作用是什么? 如何实现一个节点的克隆;
作用:提高页面的现实效率
23. RGU中红,绿,蓝,白,黑怎么表示; 三原色是那三种颜色?
红:255,0,0 绿色:0,255,0 蓝色:0,0,255 白色:255,255,255 黑色: 0,0,0
三原色:红 ,绿,蓝
24. innerHTML, outerHTML, outText, innerText 的区别?
innerHTML 设置或获取位于对象起始和结束标签内的 HTML
???????outerHTML 设置或获取对象及其内容的 HTML 形式
???????innerText 设置或获取位于对象起始和结束标签内的文本
???????outerText 设置(包括标签)或获取(不包括标签)对象的文本
25.Undefined 和 null 有什么区别?
Undefined: 表示这个变量压根没有定义
null:定义了变量,但变量没有值
26.Boolean与Number怎么转换,有什么区别?

27.==与===区别?
==数值相等,一般只是比较基本类型
===数值和类型都要相等
28.cloneNode方法如何实现深浅克隆?
29.如何在js中操作样式表

document.getElementById( id ) 用于获取标签对应的 DOM 对象,你也可以用其它方法获取。style 是 DOM 对象的一个属性,它本身也是一个对象。属性名 是 Style 对象的属性名,它和某个CSS属性是相对应的。


ajax
1. ajax包含的技术;
AJAX:(Asynchronous JavaScript and XML)并不是一项新技术,其实是多种技术的综合,包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest.

?服务器端语言:服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。
?XML (eXtensible Markup Language,可扩展标记语言) 是一种描述数据的格式。AJAX 程序需要某种格式化的格式来在服务器和客户端之间传递信息,XML 是其中的一种选择
?XHTML(eXtended Hypertext Markup Language,使用扩展超媒体标记语言)和 CSS(Cascading Style Sheet,级联样式单)标准化呈现;
?DOM(Document Object Model,文档对象模型)实现动态显示和交互;
?使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取
?使用JavaScript绑定和处理所有数据
2. ajax执行的流程(交互原理);
1、客户端浏览器->通过js触发事件

2、创建XHR对象

3、与服务器建立连接->设置连接方式->发送数据

4、注册回调方法

5、执行回调->判断响应结果
3. ajax常用的属性和方法;
属性:
???????onreadystatechange: 每个状态改变时都会触发这个事件处理器,通常指向一个JavaScript函数;
???????readyState: 请求的状态。有5个可取值:0=未初始化,1=正在加载,2=已加载,3=交互中,4=完成;
???????responseText: 服务器的响应,表示为一个串;
???????responseXML: 服务器的响应,表示为XML。这个对象可以解析为一个DOM对象;
???????status: 服务器的HTTP状态码(200对应OK,404表示Not Found(未找到),等等);
???????statusText: HTTP状态码的相应文本(OK或Not Found等等).
方法:
???abort(): 停止当前请求;
???????????getAllResponseHeaders(): 把HTTP请求的所有响应作为键/值对返回;
???????????getResponseHeader("header"): 返回指定首部的串值;
???????????open(method, url): 建立对服务器的调用。method参数可以是GET, POST或PUT。 url参数可以是相对的或者绝对的URL。该方法还包括3个可选参数;
???????????send(content): 向服务器发送请求;
???????????setRequestHeader(header, value): 把指定首部设置为所提供的值。在设置任何首部之前必须先调用open().
常用的DOM方法
getElementById(id): 获取有指定惟一ID属性值文档中的元素;
???????getElementsByTagName(name): 返回当前元素中有指定标记名的子元素的数组;
???????hasChildNodes(): 返回一个布尔值,指示元素是否有子元素;
???????getAttribute(name): 返回元素的属性值,属性由name指定;
???????appendChild(element): 将element插入到当前元素后面;
???????createElement(element): 创建一个新的element;
???????createTextNode(text): 以text为内容创建一个新的text节点;
???????insertBefore(new_node, old_node): 将new_node插入到old_node前面一个位置.

?DOM的常用属性:
???????????childNodes: 返回当前元素所有子元素的数组;
???????????firstChild: 返回当前元素的第一个下级子元素;
???????????lastChild: 返回当前元素的最后一个子元素;
???????????nextSibling: 返回当前元素后面一个位置的元素;
???????????previousSibling: 返回当前元素前面一个位置的元素;
???????????parentNode: 返回当前元素的父节点.


4. ajax返回的数据的方式(文本, json,xml);

5. 胖客户端(cs)和廋客户端(bs)的区别?
cs是 client/servlet的缩写 ,是客户端需要安装专用的客户端软件,后台软件升级时,会提示下载新的软件包进行更新
bs是 brower/servlet的缩写,是客户端上只要安装一个浏览器,浏览器通过web servlet同数据库进行数据交互
json
1. 什么是json, 有什么特点?
?JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.
特点:第一,方便前台数据操作.
?????????????第二,,数据体积小,传输快.
????????????第三点,客户端操纵XML的时候需要创建ActiveX对象,JSON则完全就是一个JS对象,不需要创建DOM.
2. json和xml的相同点和不同点;
相同点:两者的共同优点是都是文本表示的数据格式,可以跨平台、跨系统交换数据
不同点:1.在可读性方面,JSON和XML的数据可读性基本相同
2. 在可扩展性方面,XML天生有很好的扩展性,JSON当然也有,没有什么是XML能扩展,JSON不能的。
3.在编码难度方面,json容易,xml困难
4.在解码难度方面:xml非常困难 XML的解析得考虑子节点父节点, json容易
5. ?在流行度方面:xml运营范围广,json刚起步,ajax方面用的比较多
6. JSON相对于XML来讲,数据的体积小。

???????????????7.JSON与JavaScript的交互更加方便。

???????????????8.JSON对数据的描述性比XML较差。

???????????????9.JSON的速度要远远快于XML。


3. 字符串如何转换成json格式;
1.eval方式解析function strToJson(str){ ?
??????????????????????var json = eval(‘(‘ + str + ‘)‘); ?
???????????????????????return json; ?
??????????????????????} ?
2.new Function形式
function strToJson(str){ ?
?????????????????var json = (new Function("return " + str))(); ?
?????????????????return json; ?
?????????????????} ?
3.使用全局的JSON对象
function strToJson(str){ ?
??????????????????return JSON.parse(str); ?
??????4. java代码json格式的数据如何转换成javabean对象;
?使用JSONObject.toBean
5. java代码json格式的数据如何转换成Map对象;
?使用JSONObject.fromObject
6. java代码json格式的数据如何转换成List<Bean>对象;
?使用JSONArray.toList
7. java代码javabean对象转换成json格式字符串;
?通过objectToJson()方法
8. java代码Map对象转换成json格式字符串;
?通过JSONObject.fromObject
9. java代码List<Bean>对象转换成json格式字符串;
?通过objectToJson()方法 ???
dwr
1.dwr是什么?特点?
dwr是可以在javascript代码中直接调用java代码的方法,返回值给JavaScript就好像直接本地客户端调用一样。它通过反射,将java翻译成javascript,然后利用回调机制,轻松实现了javascript调用Java代码。
特点:1.异步调用。支持从javascript到java方法的异步调用。
支持服务器到javascript的反转异步调用功能。
?????2.与其它框架的依存度度,可简单与spring,struts,jsf,hibernate等框架继承。
?????3.可测试性好。
?????4.多浏览器支持。
?????5.支持免der.xml配置annotation功能。
?????6.成熟健壮,有丰富的帮助文档资料。
2. DWRsh开发步骤;
1.编写业务代码,该代码是和dwr无关的。
???????2.确认业务代码中哪些类、哪些方法是要由javascript直接访问的。
???????3.编写dwr组件,对步骤2的方法进行封装。
???????4.配置dwr组件到dwr.xml文件中,如果有必要,配置convert,进行java和javascript类型互转。
???????5.通过反射机制,dwr将步骤4的类转换成javascript代码,提供给前台页面调用。
???????6.编写网页,调用步骤5的javascript中的相关方法(间接调用服务器端的相关类的方法),执行业务逻辑,将执行结果利用回调函数返回。
???????7.在回调函数中,得到执行结果后,可以继续编写业务逻辑的相关javascript代码。
3. include和exclude标签的作用?
include是包含,exclude是排除
4. dwr如何跟Spring整合;
1.dwr在spring配置文件中配置
2.在web,xml文件中配置dwr
3.在后端java代码中暴露注解的类@RemoteProxy(creator=SpringCreator.class)
4.在前端引入dwr
5.前台的调用ReportRemote.getDeviceFlowArea(参数,返回结果执行的方法体);

???????????????????ReportRemote.getDeviceFlowArea(value,function(data){}
jquery(WRITE LESS,DO MORE)
1 你在公司是怎么用jquery的?
1.导入jquery架包
2.在jsp或者html中引用<script type="text/javascript" src="jquery.js"></script>
3.使用jquery中的方法
2 你为什么要使用jquery?jquery有那些优点?
1、jQuery实现脚本与页面的分离2、最少的代码做最多的事情3、性能
因为jquery是用最少的代码,做出满意的效果。
优点:1.轻量级 2.强大的选择器功能 3. 出色的dom操作封装 4. 兼容性好 5. 链式编程 6.隐式迭代 7.行为与结构分离 8 。 丰富的插件支持 9 。 开源代码
3.你使用jquery遇到过哪些问题,你是怎么解决的?(得值, $冲突,Ajax缓存等)
1.前台得不到值,json可能出错了多了一个空格
1.我们可以通过jquery.noconflict()将变量的$的控制权过度给其他库
???????2.自定义快捷键,用一个变量接住jquery.noconflict()
???????3.通过函数传参
?2>如果jquery库在其他库之前导入就直接使用jquery
?????????今天在处理一个数据问题时,发现jQuery.ajax()方法返回的值一直有问题,清除缓存后数据无误 ?????,多次测试后发现返回的值都是之前的值,并且一直未执行url(后台为Java,设置断点一直未进入)。在 ?????网上查找下,发现是未设置type的原因。 如果没设置jQuery.ajax的type="Post",那么ajax就会默认 ???????type="Get",这就会导致之前数据被缓存起来。加上type="Post",问题解决!
4. 你知道jquery中的选择器吗,请讲一下有哪些选择器?
jQuery中的选择器大致分为:基本选择器,层次选择器,过滤选择器,表单选择器
5. jquery中的选择器 和 css中的选择器有区别吗?
jQuery选择器支持CSS里的选择器,jQuery选择器可用来添加样式和添加相应的行为CSS 中的选择器是只能添加相应的样式
6. jquery对象和dom对象是怎样转换的?
jquery转DOM对象:jQuery 对象是一个数组对象,可以通过[index]的丰富得到相应的DOM对象还可以通过get[index]去得到相应的DOM对象。DOM对象转jQuery对象:$(DOM对象)
7.你是如何使用jquery中的ajax的?
如果是一些常规的ajax程序的话,使用load(),$.get(),$.post(),就可以搞定了,一般我会使用的是$.post() 方法。如果需要设定beforeSend(提交前回调函数),error(失败后处理),success(成功后处理)及complete(请求完成后处理)回调函数等,这个时候我会使用$.ajax()

8.jquery中$.get()提交和$.post()提交有区别吗?
???1 $.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。
???2 get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给Web服务器的,这种传递是对用户不可见的。
???3 get方式传输的数据大小不能超过2KB 而POST要大的多
???4 GET 方式请求的数据会被浏览器缓存起来,因此有安全问题。
9.在jquery中你是如何去操作样式的?
addClass() 来追加样式 ,removeClass() 来删除样式,toggle() 来切换样式

10. 简单的讲叙一下jquery是怎么处理事件的,你用过哪些事件?
首先去装载文档,在页面加载完毕后,浏览器会通过javascript 为DOM元素添加事件。
11.你使用过jquery中的动画吗,是怎样用的?
??使用过 ?hide() 和 show() 同时修改多个样式属性。像高度,宽度,不透明度。
??????????fadeIn() 和fadeOut() fadeTo() 只改变不透明度
??????????slideUp() 和 slideDown() slideToggle() 只改变高度
??????????animate() 属于自定义动画的方法.

12.你在jquery中使用过哪些插入节点的方法,它们的区别是什么?
append(),appendTo(),prepend(),prependTo(),after(),insertAfter(),before(),insertBefore() 大致可以分为 内部追加和外部追加append() 表式向每个元素内部追加内容。appendTo()表示 讲所有的元素追加到指定的元素中。例$(A)appendTo(B) 是将A追加到B中下面的方法解释类似。

13.jquery中如何来获取或和设置属性?
jQuery中可以用attr()方法来获取和设置元素属性removeAttr() 方法来删除元素属性

14. 如何来设置和获取HTML 和文本的值?
html()方法 类似于innerHTML属性 可以用来读取或者设置某个元素中的HTML内容
注意:html() 可以用于xhtml文档 不能用于xml文档text() 类似于innerText属性 可以用来读取或设置某个元素中文本内容。val() 可以用来设置和获取元素的值.

15.你使用jquery中有哪些方法可以遍历节点?

children() 取得匹配元素的子元素集合,只考虑子元素不考虑后代元素 next() 取得匹配元素后面紧邻的同辈元素
???????prev() 取得匹配元素前面紧邻的同辈元素
???????siblings() 取得匹配元素前后的所有同辈元素
???????closest() 取得最近的匹配元素
???????find() 取得匹配元素中的元素集合 包括子代和后代

16.子元素选择器 和后代选择器元素有什么区别?

子代元素是找子节点下的所有元素,后代元素是找子节点或子节点的子节点中的元素


17.在jquery中可以替换节点吗?

可以 在jQuery中有两者替换节点的方式 replaceWith() 和 replaceAll()例如在<p title="hao are you">hao are you</p>替换成<strong>I am fine<strong>$(‘p‘).replaceWith(‘<strong>I am fine</strong>‘); replaceAll 与replaceWith的用法前后调换一下即可。

18. siblings() 方法 和 $(‘prev~div‘)选择器是一样的嘛?

$(‘prev~div‘) 只能选择‘#prev‘元素后面的同辈<div>元素而siblings()方法与前后的文职无关,只要是同辈节点就都能匹配。


19.有哪些查询节点的选择器?
我在公司使用过 :first 查询第一个,:last 查询最后一个,:odd查询奇数但是索引从0开始:even 查询偶数,:eq(index)查询相等的 ,:gt(index)查询大于index的 ,:lt查询小于index:header 选取所有的标题等


20.nextAll() 能 替代$(‘prev~siblindgs‘)选择器吗? ?

????能。 使用nextAll() 和使用$(‘prev~siblindgs‘) 是一样的

21.jQuery中有几种方法可以来设置和获取样式?

addClass() 方法,attr() 方法

22.$(document).ready()方法和window.onload有什么区别?

??两个方法有相似的功能,但是在实行时机方面是有区别的。
??1window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。
??2 $(document).ready() 方法可以在DOM载入就绪时就对其进行操纵,并调用执行绑定的函数。

23.jQuery是如何处理缓存的?如何避免缓存;

要处理缓存就是禁用缓存.
??????1 通过$.post() 方法来获取数据,那么默认就是禁用缓存的。
??????2 通过$.get()方法 来获取数据,可以通过设置时间戳来避免缓存。可以在URL后面加上+(+new Date)例 $.get(‘ajax.xml?‘+(+new ???????Date),function () { //内容 }); 3 通过$.ajax 方法来获取数据,只要设置cache:false即可。

24. $("#msg").text(); 和 $("#msg").text("<b>new content</b>");有什么区别?

??1 $("#msg").text() 是 返回id为msg的元素节点的文本内容 ???????
??2 $("#msg").text("<b>new content</b>"); 是 将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中, 页面显示粗体的<b>new content</b>

25. radio单选组的第二个元素为当前选中值,该怎么去取?

$(‘input[name=items]‘).get(1).checked = true;


26.选择器中 id,class有什么区别?

在网页中 每个id名称只能用一次,class可以允许重复使用

27.你使用过哪些数据格式,它们各有什么特点?

HTML格式 ,JSON格式,javascript格式,XML格式
?????????1 HTML片段提供外部数据一般来说是最简单的。
?????????2 如果数据需要重用,而且其他应用程序也可能一次受到影响,那么在性能和文件大小方面具有优势的JSON通常是不错的选择。
?????????3 而当远程应用程序未知时,XML则能够为良好的互操作性提供最可靠的保证。

28.jQuery 能做什么?
1 获取页面的元素
???????2 修改页面的外观
???????3 改变页面大的内容
???????4 响应用户的页面操作
???????5 为页面添加动态效果
???????6 无需刷新页面,即可以从服务器获取信息
???????7 简化常见的javascript任务

29.jQuery中的hover()和toggle()有什么区别?

hover()和toggle()都是jQuery中两个合成事件。
????????hover()方法用于模拟光标悬停事件。
????????toggle()方法是连续点击事件。

30.你知道jQuery中的事件冒泡吗? 它是怎么执行的,何如来停止冒泡事件?

知道,事件冒泡是从里面的往外面开始触发。在jQuery中提供了stopPropagation()方法可以停止冒泡。

31. 例如 单击超链接后会自动跳转,单击"提交"按钮后表单会提交等,有时候我想阻止这些默认的行为,该怎么办?

可以用 event.preventDefault()或在事件处理函数中返回false,即 return false;

32. 在jquery中你有没有编写过插件,插件有什么好处?你编写过那些插件?它应该注意那些?

???插件的好处:对已有的一系列方法或函数的封装,以便在其他地方重新利用,方便后期维护和提高开发效率。
???编写过插件的分类:封装对象方法插件 、封装全局函数插件、选择器插件

注意:1.插件的文件名推荐命名为jquery.[插件名].js,以免和其他的javaScript库插件混淆
?????????????2.所有的对象方法都应当附加到jQuery.fn对象上,而所有的全局函数都应当附加到jQuery对象本身上
?????????????3.插件应该返回一个jQuery对象,以保证插件的可链式操作
?????????????4.避免在插件内部使用$作为jQuery对象的别名,而应使用完整的jQuery来表示,这样可以避免冲突或使用闭包来避免
?????????????5.所有的方法或函数插件,都应当一分好结尾,否则压缩的时候可能出现问题。在插件头部加上分号,这样可以避免他人的不规范代码给插件带来影响
?????????????6.在插件中通过$.extent({})封装全局函数,选择器插件,扩展已有的object对象通过$.fn.extend({})封装对象方法插件

33. 怎样给jquery动态附加新的元素?那么怎样给新生成的元素绑定事件呢?
jQuery的html()可以给现在元素附加新的元素,innerHTML也可以。
live(),它可以给所有元素绑定事件,不论是已有的,还是将来生成的。
(‘#div’).live(‘click’,function(){

????????????????//do stuff

???????????????????});

????????????它还可以同时绑定多个事件:

????????????$(‘.hoverme‘).live(‘mouseover mouseout‘, function(event) {
????????????????if (event.type == ‘mouseover‘) {
??????????????????// do something on mouseover
?????????????????} else {
??????????????// do something on mouseout
?????????????????}
??????????????});
jquery插件
1.你使用过哪些jquery插件?

将页面的数据以树形的方式展示出来 Jquery.treeview
验证插件 validate() 时间插件 dis
分页插件 jquery.pagination
解决ajax页面获取数据值困难 Jquery.form
将数据库的信息自动补全 jquery.autocomplete
实现了很多功能如分页,日期, 自动补全等强大功能 jquery.ui
日期控件 jquery.datetimepicker
2.jquery-dialog插件的特点和使用?

模态窗口、可拖动、可改变大小、可用AJAX加载内容
$("#dialog").dialog();

3.juqery-flexigrid插件的特点和使用?
4.jquery-validation插件的特点和使用?

在前端验证中使用起来非常方便,提供的功能基本上能满足大部分验证需求
?<script type="text/javascript" src="jquery.js"></script>
????????<script type="text/javascript" src="jquery.validate.js"></script>
5.jquery-tree插件的特点和使用?

具有扩展和可折叠的树视图。这些都是轻量级的,灵活的jQuery插件,它将一个无序列表转换为可展开和折叠的树。
树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。
script src="/script/jquery.js" type="text/javascript"> </script>
??????<script src="/script/treeTable/jquery.treeTable.js" type="text/javascript"> </script>
6.jquery-datetime插件的特点和使用?
DateTime Picker是一个基于jQuery的时间选择插件,支持web和移动。用户可以使用+ / -按钮或改变数值或直接到文本框中直接输入.
<script src="./jquery.js"></script>
???????<script src="./jquery.datetime.js"></script>

js面试

原文地址:http://www.cnblogs.com/zlazm/p/7898570.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved