jquery1

2019-04-30  本文已影响0人  流光已至
1 你在公司是怎么用jquery的?

结合实际,使用到的选择器,复选框,表单,ajax, easyui等

2 你为什么要使用jquery?

jquery是一个轻量级的框架,大小只有不到30kb ,
1 强大的选择器 2 完善的dom封装 3 可靠的事件处理机制 4 完善的ajax封装
5 良好的浏览器兼容性 6 支持丰富的插件 7 丰富的文档

3 你使用jquery遇到过哪些问题,你是怎么解决的

1 前台收不到数据,json的空格问题;
2 jquery库与(prototype.js)冲突,如果其他库先引入,使用jquery.noconflict() 将$的控制权交给其他库。或者自定义快捷方式var \¥j = jquery.noconflict();

4 你知道jquery中的选择器吗,请讲一下有哪些选择器?

四种选择器
1 基本选择器 2 层次选择器 3 过滤选择器 4 表单选择器

5 jquery中的选择器 和 css中的选择器有区别吗?

jauery选择器支持css选择器,并且不但能添加样式,还能添加行为。

6 你觉得jquery中的选择器有什么优势?

简单的写法,使用$("#id")代替documnet.getelementbyId()
2 支持css1 到 css3 选择器
3 完善的事件处理(即使id 写错也不会报错);

7 你在使用选择器的时候有没有什么觉得要注意的地方?

选择器中含有 . , # ,[ 等特殊字符要注意转义
2 属性选择器的引号问题
3 选择器中空格注意

8 jquery对象和dom对象是怎样转换的?

dom转jquery,使用$(), query是数组对象 \¥("id”)[index]转dom对象

9 你是如何使用jquery中的ajax的?

对于一般的ajax程序,使用load(),$.get() ,post() 即可
对于需要设定sendBefore(提交前处理),error(错误回调函数),success(成功回调函数),complete(请求成功后处理回调),采用 \¥.ajax()

10 你觉得jquery中的ajax好用吗,为什么?

好用的,jquery中对我们开发中常用的代码,如load() .$.get().post(),ajax() 等
,使ajax的使用非常简单,这样我们就可以集中精力在业务和用户体验上,而不用理会繁琐的XmlHttpRequest对象。

11 jquery中 $.get()提交和\¥.post()提交有区别吗?

1 $.get() 是通过get方式发送异步请求,\¥post() 是通过post方式。
2 get()会将参数放在url的后面,而post参数作为http请求体内容发送给web服务器,对用户是不可见的。
3 get() 发送数据不能超过2kB ,post() 要大的多
4 get() 请求会被浏览器缓存,不安全。

12 jquery中的load方法一般怎么用的?

load 方法一般在加载远程html代码并插入到dom的时候使用,通常用于从web服务器上获取静态数据,如果要传递参数可以使用$get() ,\¥post

13 在jquery中你是如何去操作样式的?

addClass() 添加样式 , removeClass() 删除样式 ,toggle()切换

14 简单的讲叙一下jquery是怎么处理事件的,你用过哪些事件?

首先加载文档,等页面加载完毕后,浏览器利用javascript 给dom 添加事件,
jquery 的事件:
click(),focus( ) 获得焦点, blur( ) 失去焦点 , keydown( ),
keyup( ) 释放按键时 , 绑定事件:bind( )。

15 什么是Dom元素

W3C 文档对象模型是中立于平台和语言的接口,允许程序和脚本动态地访问和更新文档的内容,结构和样式。

16 你使用过jquery中的动画吗

1 Show()方法和hide()方法是jQuery中最基本的动画方法。在HTML文档里,为一个元素调用hide()方法,会将该元素的display样式改为"none"
2 fadeIn()方法和fadeOut()方法
这两个方法只是改变元素的透明度。调用这两个方法将会表现淡入淡出的效果
3 slideUp()方法和slideDown()方法
这两个方法只会改变元素的高度。如果一个元素的display属性值为"none",当调用slideDown()方法时,这个元素将由上至下延伸显示。slideUp()方法将由下到上缩短隐藏。
jQuery中的任何动画效果,都可以指定三种速度参即:"slow"、"normal"、"fast"

17 你一般用什么去提交数据,为什么?

我一般采用$.post()方式提交,如果需要设定beforeSend ,error,success,compete等回调函数,则采用ajax() ;

18 在jquery中引入css有几种方式?

行内式,内嵌式,导入式,链接式

19 你在jquery中使用过哪些插入节点的方法,它们的区别是什么?
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>jQuery插入,复制、替换和删除节点</title> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
//几种添加节点的方法 
//$("p").append("<b>你好吗?</b>");//向p元素中追加《b》 
//$("<b>你好吗?</b>").appendTo("p");//将《b》追加到p元素中 
//$("p").prepend("<b>你好吗?</b>");//向p中前置《b》 
//$("<b>你好吗?</b>").prependTo("p");//将《b》前置到p元素中 
//$("p").after("<b>你好吗?</b>");//向p元素后插入《b》 
//$("<b>你好吗?</b>").insertAfter("p");//将《b》插入到p元素后边 
//$("p").before("<b>你好吗?</b>");//在p元素之前添加《b》 
//$("<b>你好吗?</b>").insertBefore("p");//将《b》插入到p元素前面 


//几种删除节点的方法 
//var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点 
//$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去 
//$("ul li").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除 
//$("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容 

//复制节点 
/* $("ul li").click(function(){ 
$(this).clone(true).appendTo("ul");//复制当前点击的节点,并将它追加到《ul》元素中,当添加参数时复制它的事件 

}); 
*/ 
//替换节点 
// $("p").replaceWith("<strong>你最不喜欢的水果是?</Strong>"); 



}); 
</script> 
</head> 
<body> 
<p>你好!</p> 
你最喜欢的水果是? 
<ul> 
<li title="苹果">苹果</li> 
<li title="橘子">橘子</li> 
<li title="菠萝">菠萝</li> 
</ul> 
</body> 
</html> 
20 你使用过包裹节点的方法吗,包裹节点有什么好处

wrap , wrapAll , wrapInner 将指定节点用其他标记包裹起来,该方法对于要在文档中插入其他结构化标记非常有用, 且不会破坏原始文档语义。

上一篇 下一篇

猜你喜欢

热点阅读