常规技术面试题

时间:2024-03-11 16:59:03

 

一、HTML+css+CSS制作网页

  1. 简述html、http、www、URL、web、W3C的意思

答:Html:超文本标记语言

http:超文本传输协议

www: 是环球信息网(World Wide Web )的缩写,也可以简称为Web,中文名字为“万维网”。

URL:统一资源定位器

web: 万维网

W3C:万维网联盟(World Wide Web Consortium,简称W3C

  1. 介绍一下HTML的基本结构

答:<html>

<head>

<title>标题</title>

</head>

<body>

  ......

</body>

</html>

  1. 谈谈你了解的图片格式

答:主要有:jpg、gif、bmp、png等等,其中jpg的颜色最丰富,gif支持动态图片

  1. HTML有哪些基本标签?

答:格式标签:段落<p>、居中<center>编号列表<ol>、项目列表<ul>自定义列表<dl>预定义格式<pre>环绕标签<marquee>、文本:h1-h6、font等等、图像:img、超链接 :a  

  1. marquee标签的作用?如何使用?

答:marquee标签的主要作用是做滚动字幕,格式如下:

<marquee direction=”滚动方向”  scrolldelay=”滚动间隔时间”>……</marquee>

  1. HTML表格的基本结构与常用属性有哪些?

答:基本结构如下:

<table>

<caption>标题</caption>

<tr>

<th>列标题</th>

......

</tr>

<tr>

<td>单元格内容</td>

.....

</tr>

.....

</table>

常用属性如下:

1)border:边框

2)bordercolor:边框的颜色

3)width:宽度

4)height:高度

5)background:背景图片

6)bgcolor:背景颜色

7)align:水平对齐:可以取left|center|right

8)valign:垂直对齐:可以取top|middle|bottom

9)colspan:跨列合并

10)rowspan:跨行合并

11)cellpadding:内容与边框之间的距离,边距

12)cellspacing:边框与边框之间的距离,间距

  1. CSS是什么?使用CSS有哪些优势?

答:CSS是Cascading Style Sheets的英文缩写,即层叠样式表

CSS的优势

1)实现了内容与表现的分离

2)实现了许多网页一起更新

3)减少网页的代码量,增加网页的浏览速度。

  1. CSS样式规则有哪几个部分组成?

答:由选择器、属性名、属性值组成

eg:

p   /*  选择器  */

{

   color:red;  /*  一条样式规则  */

   font-size:20px;/*  一条样式规则  */

}

注意:样式规则之间用;隔开,属性名和属性值用:隔开

  1. CSS有哪几个位置?

答:写CSS有3个位置,

1)行内样式:<标签名 style=”属性1:值1; 属性2:值2;…”>

2)内部样式:在head标签里写

          <style type=”text/css”>    CSS的语法    </style>

3)外部样式:<link href=”css文件路径” rel=”stylesheet” />

  1. CSS样式中有哪些选择器,分别做一下介绍

答:(1)元素(标签)选择器:标签名{属性1:值1; 属性2:值2;…}

2)class选择器:.class名{属性1:值1; 属性2:值2;…}

注:class名是标签的一个class属性

3)ID选择器:#id名{属性1:值1; 属性2:值2;…}

注:id名是标签的一个id属性

4)包含选择器:选择器 选择器 选择器 。。。{属性1:值1; 属性2:值2;…}

注:和指定路径类似,从大到小确定范围

  1. CSS样式的优先级

  答:(1)位置:行内>内部>外部

   2)选择器:id>class>元素

  1. 说说你经常使用的页面布局标签

答:div层标签、table表格标签、frameset框架标签

  1. CSS引入的方式有哪些? link和@import的区别是?  

答:link连接方式和import导入方式,两者区别如下:

1)链接时,不用写<style></style>

2)导入时,一定要写<style></style>

3)一般而言,链接的效率要高于导入(因为导入样式表相当于是将所有的样式规则原样复制到当前源文件中,增加了代码量,从而影响了加载的速度)

  1. 边框样式常用属性有哪些?

答:border-width:边框宽度

border-style:边框样式

border-color:边框颜色

  1. display属性有什么作用?它有哪些值?

答:display:none    隐藏元素

display:inline  在同一行显示

display:block   换行显示

  1. 常见的页面布局方式有哪些?

答:表格布局、框架布局、DIV+CSS布局

  1. 什么是框架布局?如何进行框架布局?

答:框架布局是采用frameset将浏览器窗口分成几个独立的窗口,分别显示不同的页面的布局方式。格式如下(假定做一个上下框架,并将下框架拆分为左右框架):

<frameset rows="93,*" frameborder="0">

<frame  src="top.html" />

<frameset  cols="180,*">

<frame src="left.html" name="left"/>

<frame src="sys.html" name="right"/>

</frameset>

</frameset>

  1. 什么是DIV布局?DIV+CSS布局有哪些优点?

答:DIV布局用DIV盒模型结构给各部分内容划分到不同的区块,然后用css来定义盒模型的位置、大小、边框、内外边距、排列方式等

优点如下:

表现和内容相分离

提高搜索引擎对网页的索引效率

代码简洁,提高页面浏览速度

易于维护和改版

  1. 分别介绍一下页面元素定位中的绝对定位、相对定位、流动定位、浮动定位,并阐述他们的区别

答:1)流动定位:保持在标准文档流中原有的位置,不做任何移动。元素是按从左往右,从上往下的顺序摆放, left,top等属性无效

2)相对定位:相对定位是指相对于盒子元素原有的位置进行偏移,需设定垂直方向和水平向的偏移量,分别是left、top、right、bottom。盒子只相对于自己的原有位置进行偏移,不会脱离标准文档流,也不对其他元素产生任何影响

3)绝对定位:绝对定位是以某一个点为基准进行偏移。绝对定位是以最近的一个已定位的父级元素为基准,如果父级元素没有定位或没有父级元素,则以浏览器窗口为基准;会脱离标准文档流,不影响同一级的盒子元素位置。

4)浮动定位:只能设置水平方向上的定位,指内容停靠在容器的左边还是右边。垂直方向上不能设浮动定位。

  1. 如何使用Dreamweaver建立本地站点和WEB站点

答:存放在本地磁盘上的网站称为本地站点,存放在Web服务器中的网站称为远程站点。

使用Dreamweaver在”站点菜单中选中相应的菜单项根据提示选择路径确定即可

  1. 如何创建模板页?

答:创建步骤如下:

1)使用面板工具创建模板 

2)将网页另存为模板 

3)将需要改变的位置设置为可编辑区域

  1. 什么是W3C?盒子模型由哪几个部分组成?

答:.组成:margin(外补丁)、border(边框)、padding(内补丁)、content(内容)

  1. 谈一下DIV+CSS常见的背景特效?

答:鼠标悬停时使用background属性动态改变背景

滑动门特效 CSS Sprites等等

  1. GBK,gb2312,UTF-8的区别

答:utf-8是基于unicode的 国际化的场合适合使用
gb2312和gb2312都是国标码 出现的较早 主要用于编解码常用汉字.gb2312和gbk 的一个区别是 :gb2312 出来得比较早 ,所以有一些汉字和繁体好象不支持。gbk 是一个改进版。所以能用gbk的时候一般不用gb2312

  1. 谈谈你见过的浏览器不兼容问题?如何使用IETest?

答:举例来说

1)以火狐代表的浏览器不支持如下用法:

1.document.all

2.unload事件

3.innerText属性

2)很多版本的浏览器不支持clear:both来清除浮动

3)对盒子的解析标准不同

IETest安装之后,即可以使用,可用来检查当前代码在不同浏览器版本中的兼容性

二、JS实现页面特效

  1. JS有哪些数据类型

答:NumberBooleanNullUndefined

  1. 谈一下你对JS的理解

答:特点:

1)寄生虫语言,必须嵌套在HTML中,以HTML为宿主2)弱类型语言3)基于对象(不是完全的OOP语言)

作用:1)将以前必须在服务器端做的验证处理放在客户端运行,从而减轻了服务器的负担2)增强了页面的交互性

  1. 说一下你对浏览器模型的理解

答:浏览器对象模型是用于描述对象与对象之间层次关系的模型,该对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构

层次如下:

 

  1. 获取doucment有那四种常见的访问形式?

答:方法一:document.all.页面元素名称

方法二:document.表单名.元素名称

方法三:document.getElementBId("ID名称")

方法四:document.getElementsByName("元素名称")

  1. alertconfim有什么区别?

答:Alert是弹出提示消息框;Confirm是弹出确认框,根据用户的选择将返回turefalse

  1. 什么是JS内存泄露?如何处理?

答:内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束,由于浏览器垃圾回收方法有bug,会产生内存泄露

常见的处理方法如下:

1) 对浏览器对优化

2) 对大规模的循环代码进行优化

3) 尽量避免过多的引用层级和不必要的多次方法调用

4) 尽量使用语言本身的构造和内建函数

5) 尽量减少不必要的对象创建

  1. 谈一下你知道的JS事件,做项目时一般你在什么时候使用这些事件?

答:1onloadonunload事件 ,页面加载或者卸载时弹出窗口时使用

2onfocusonbluronsubmitonchange事件

3onmouseoveronmouseout事件

4onClick事件

 

三、Ajaxl\jquery 类相关题目

1.什么是ajax,为什么要使用Ajax(请谈一下你对Ajax的认识)

什么是ajax:AJAX是“Asynchronous JavaScript and XML”的缩写

是指一种创建交互式网页应用的网页开发技术。

Ajax包含下列技术:

基于web标准(standards-based presentation)XHTML+CSS的表示;

使用 DOM(Document Object Model)进行动态显示及交互;

使用 XML 和 XSLT 进行数据交换及相关操作;

使用 XMLHttpRequest 进行异步数据查询、检索;

使用 JavaScript 将所有的东西绑定在一起。

为什么要用ajax:

Ajax应用程序的优势在于:

1. 通过异步模式,提升了用户体验

2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用

3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

2.Ajax的最大的特点是什么。

Ajax可以实现动态不刷新(局部刷新)

就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。

3.请介绍一下XMLHTTPREQUEST对象?

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。

4.Ajax技术体系的组成部分有哪些?

HTML,css,dom,xml,xmlHttpRequest,javascript

5.AJAX应用和传统Web应用有什么不同?

在传统的Javascript编程中,如果想得到服务器端数据库或文件上的信息,或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数据到服务器端。用户需要点击”Submit”按钮来发送或者接受数据信息,然后等待服务器响应请求,页面重新加载。

因为服务器每次都会返回一个新的页面, 所以传统的web应用有可能很慢而且用户交互不友好。

使用AJAX技术, 就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。

通过HTTP Request, 一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面),展示给用户的还是通一个页面,用户感觉页面刷新,也看不到到Javascript后台进行的发送请求和接受响应。

6.AJAX请求总共有多少种CALLBACK

Ajax请求总共有八种Callback

onSuccess

onFailure

onUninitialized

onLoading

onLoaded

onInteractive

onComplete

onException

7.Ajax和JavaScript的区别?

JavaScript是一种在浏览器端执行的脚本语言,Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括JavaScript

  JavaScript是由网景公司开发的一种脚本语言,它和sun公司的java

语言是没有任何关系的,它们相似的名称只是一种行销策略。

在一般的web开发中,JavaScript是在浏览器端执行的,我们可以用JavaScript控制浏览器的行为和内容。

Ajax应用中信息是如何在浏览器和服务器之间传递的

 通过XML数据或者字符串

8.在浏览器端如何得到服务器端响应的XML数据

    XMLHttpRequest对象的responseXMl属性

9.XMLHttpRequest对象在IE和Firefox中创建方式有没有不同?

    有,IE中通过new ActiveXObject()得到,Firefox中通过new XMLHttpRequest()得到

10. 介绍一下XMLHttpRequest对象的常用方法和属性(回答的越多越好)

open(“method”,”URL”) 建立对服务器的调用,第一个参数是HTTP请求    方式可以为GET,POST或任何服务器所支持的您想调用的方式。

 第二个参数是请求页面的URL。

send()方法,发送具体请求

      abort()方法,停止当前请求

      readyState属性   请求的状态 有5个可取值 0=未初始化 ,1=正在加载

 2=以加载,3=交互中,4=完成

responseText 属性  服务器的响应,表示为一个串

     reponseXML 属性 服务器的响应,表示为XML

     status    服务器的HTTP状态码,200对应ok  400对应not found

11.Ajax的优点和缺点

使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。

对应用Ajax最主要的缺点就是,它可能破坏浏览器后退按钮的正常行为

因为Ajax中采用了xml技术,所以在Ajax中也可能问到XML的问题

12.什么是XML

XML是扩展标记语言,能够用一系列简单的标记描述数据

13.xml的解析方式

常用的用dom解析和sax解析。dom解析是一次性读取xml文件并将其构造为DOM对象供程序使用,优点是操作方便,但是比较耗内存。Sax是按事件驱动的方式解析的,占用内存少,但是编程复杂

14.你采用的是什么框架?

   这题是必问的,一般也是最开始就会问到。

     java中比较流行的有 dojo, Prototype , JQuery, Dwr, extjs  等等

15.如果熟悉某种ajax框架,他可能会问到怎样在程序中使用这种框架

ASP.NETAjax集成了一套客户端脚本库使得与功能丰富的、基于服务器开发平台的ASP.NET结合在一起。其服务器端编程模型相对于客户端编程模型较为简单,而且容易与现有的ASP.NET程序相结合,通常实现复杂的功能只需要在页面中拖几个控件,而不必了解深层次的工作原理,除此之外服务器端编程的ASP.NETAJAXControlToolkit含有大量的独立AJAX控件和对ASP.NET原有服务器控件的AJAX功能扩展。

16介绍一下Prototype$()函数,$F()函数,$A()函数都是什么作用?

$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。

$F()函数是另一个大收欢迎的快捷键,它能用于返回任何表单输入控件的值,比如text box,drop-down list。这个方法也能用元素id或元素本身做为参数。

$A()函数能把它接收到的单个的参数转换成一个Array对象。

17、介绍一下XMLHttpRequest对象

通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。

AJAX开始流行始于Google2005年使用的”Google Suggest”

“Google Suggest”就是使用XMLHttpRequest对象来创建动态的Web接口:

当用户开始输入google的搜索框,Javascript发送用户输入的字符到服务器,然后服务器返回一个建议列表。

XMLHttpRequest对象在IE5.0+, Safari 1.2, Mozilla 1.0/Firefox, Opera 8+ NetScapt7 开始被支持。

18.AJAX应用和传统Web应用有什么不同?

在传统的Javascript编程中,如果想得到服务器端数据库或文件上的信息,或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数据到服务器端。用户需要点击”Submit”按钮来发送或者接受数据信息,然后等待服务器响应请求,页面重新加载。

因为服务器每次都会返回一个新的页面, 所以传统的web应用有可能很慢而且用户交互不友好。

使用AJAX技术, 就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。

通过HTTP Request, 一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面),展示给用户的还是通一个页面,用户感觉页面刷新,也看不到到Javascript后台进行的发送请求和接受响应。

19.AJAX的全称是什么? 介绍一下AJAX

AJAX的全称是Asynchronous JavaScript And XML.

AJAX2005年由Google发起并流行起来的编程方法, AJAX不是一个新的编程语言,但是它是一个使用已有标准的新的编程技术。

使用AJAX可以创建更好,更快,更用户界面友好的Web应用。

AJAX技术基于JavascriptHTTP Request.

20.介绍一下XMLHttpRequest对象的常用方法和属性?

open(“method”,”URL”) 建立对服务器的调用,第一个参数是HTTP请求    方式可以为GET,POST或任何服务器所支持的您想调用的方式。

第二个参数是请求页面的URL。

send()方法,发送具体请求

abort()方法,停止当前请求

readyState属性   请求的状态 有5个可取值 0=未初始化 ,1=正在加载

2=以加载,3=交互中,4=完成

responseText 属性 服务器的响应,表示为一个串

reponseXML 属性 服务器的响应,表示为XML

status    服务器的HTTP状态码,200对应ok 400对应not found

21.Ajax主要包含了哪些技术?

AjaxAsynchronous JavaScript + XML)的定义

基于web标准(standards-based presentationXHTML+CSS的表示;

使用 DOMDocument Object Model)进行动态显示及交互;

使用 XML XSLT 进行数据交换及相关操作;

使用 XMLHttpRequest 进行异步数据查询、检索;

使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文,原文题目(Ajax: A New Approach to Web Applications)

类似于DHTMLLAMPAJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX派生/合成式(derivative/composite)的技术正在出现,如“AFLAX”

AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:MozillaFirefoxInternet ExplorerOperaKonquerorSafari。但是Opera不支持XSL格式对象,也不支持XSLT

22AJAX都有哪些有点和缺点?

1、最大的一点是页面无刷新,用户的体验非常好。

2、使用异步方式与服务器通信,具有更加迅速的响应能力。

3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是按需取数据,可以最大程度的减少冗余请求,和响应对服务器造成的负担。

4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。

ajax的缺点

1、ajax不支持浏览器back按钮。

2、安全问题 AJAX暴露了与服务器交互的细节。

3、对搜索引擎的支持比较弱。

4、破坏了程序的异常机制。

5、不容易调试。

四、jQueryEasyUI 类相关题目

1.jQuery与jQueryEasyUI的区别

query的插件机制是非常强大的。
jquery-easyui是一个基于jquery的图形界面插件,你想隔着jquery去学jquery-easyui是很困难的,只有你会jquery,才能学习jquery-easyui,他们之间是一个依赖关系,不是独立的。同样的还有更强大jquery-ui,也是基于jquey的图形界面插件。

2.

 

 

笔试单选

1、下面哪一种不属于Jquery的选择器。(D

A:基本选择器                  B:层次选择器

C:表单选择器                  D:节点选择器

2、使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。(B

Aif($("#id")) {   //do someing...    }

B:  if($("#id").length > 0) {   //do someing...    }

C:  if($("#id").length() > 0) {   //do someing...    }

D:  if($("#id").size > 0) {   //do someing...    }

3<a href="xxx.jpg" title="***出席学校...">新闻</a>,获取<a>元素title的属性值。(C

A$("a").attr("title").val();         B$("#a").attr("title");

C$("a").attr("title");             D$("a").attr("title").value;

4、执行下面语句

 $(document).ready(function(){

$("#click").click(function(){

alert("click one time");

});

$("#click").click(function(){

alert("click two time");

});

});

单击按钮<input type="button" id="click" value="点击我"/>,这个会有什么效果。(C

  A:弹出一次对话框,显示click one time 

  B:弹出一次对话框,显示click two time 

  C:弹出两次对话框,依次显示click one timeclick two time

  Djs编译错误。

5、页面中有三个元素,如下:<div>div标签</div><span>span标签</span><p>p标签</p>,如果这三个标签要触发同一个事件,那么正确的写法是(A)。

  A$("div,span,p").click(function(){   //…      });

  B$("div || span || p").click(function(){   //…      });

  C$("div + span + p").click(function(){   //…      });

  D$("div ~ span ~ p").click(function(){   //…      });

6、页面中有一个select标签,代码如下:

<select id="sel">

   <option value="0">请选择</option>

   <option value="1">选项一</option>

   <option value="2">选项二</option>

   <option value="3">选项三</option>

   <option value="4">选项四</option>

 </select>,要使“选项四”选中的正确写法。(B

  A$("#sel").val("选项四");     

B$("#sel").val("4");

  C$("#sel > option:eq(4)").checked;

D$("#sel  option:eq(4)").attr("selected");

7、页面中有一个性别单选按钮,请设置为选中状态。代码如下:

<input type="radio" name="sex">

<input type="radio" name="sex"> 女    正确的是(D

A$("sex[0]").attr("checked",true);

B$("#sex[0]").attr("checked",true);

C$("[name=sex]:radio").attr("checked",true);

D$(":radio[name=sex]:eq(0)").attr("checked",true);

8、在页面中有一个ul元素,代码如下:

<ul>

  <li title=\'苹果\'>苹果</li>

  <li title=\'橘子\'>橘子</li>

  <li title=\'菠萝\'>菠萝</li>

</ul>,下面对节点的操作哪一个说法不正确。(D

  Avar $li = $("<li title=\'香蕉\'>香蕉</ii>"); 是创建节点。

  B$("ul").append($("<li title=\'香蕉\'>香蕉</ii>")); 是给ul追加节点。

  C$("ul  li:eq(1)").remove();是删除ul下“橘子“那个节点。

  D:以上说法都不对

9、页面有一个<input type="text" id="name"  name="name" value=""/>元素,动态设置该元素的值。正确的选项是。 A

  A$("#name").val("动态设值");

  B$("#name").text("动态设值");

  C$("#name").html("动态设值");

  D$("#name").value("动态设值");

10、下面说法不正确的是(A

  A$(":hidden")选取<input>type类型是hidden的不可见元素。

  B$("div >span")选取<div>元素下元素名是<span>的子元素。

  C$("div :first")选取所有<div>元素中第一个<div>元素。

  D$("input:gt(1)")选取索引值大于1<input>元素。

11、下面说法不正确的是 (D

  A $("input:checked")选取所有被选中的<input>元素

  B $("#form:disabled")选取idform的表单内的所有不可用元素

  C $("#name").is(":visible")是判断idname的元素的可见性

  D $("div ").addClass("background","url(img/up.gif) ")是设置样式的

12、如果需要匹配包含文本的元素,用下面哪种来实现 (B

  Atext() Bcontains()

  Cinput() Dattr(name)

13、下面不属于Jqueryajax全局事件的是  (C

  AajaxComplete(callback)    BajaxSuccess(callback)

  C$.post(url)    DajaxSend(callback)

14、在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的 (C

Adelete()  Bempty()

Cremove()   DremoveAll()

15、在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的  (B

  AnextAll([expr])  Bsiblings([expr])

  Cnext()  Dfind([expr])

16、下面选项中哪一个是和$("#foo")等价的写法。(D

  A$("foo#")  B$(#"foo")

  C$ ("foo")  DjQuery("#foo")

多选:

1、获取<div id="content">内容…</div>标签里的文本内容。(BC

A:  $("#content").val();       B:  $("#content").html();

C:  $("#content").text();      D:  $("#content").innerHTML();

2、案例代码如下

<body>

   <form>

   用户名:<input type="text" id="username" name="username" />

密码:<input type="password" id="pwd" name=" pwd "/>

   </form>

</body>

请用jquery选择器选取username文本框输入值的内容:(ABCD

 A: $("#username").val();

 B: $("input")[0].value;

 C: $("input[name=username]").val();

 D: $(":input[name=username]").val();

3、案例代码如下:

<body>

   <form>

   <div class="big">大字体</div>

   <div class="small">小字体</div>

   </form>

 </body>

请选取文本是"大字体"div对象。(ACD

  A$("div.big");               B$("div  .big");

  C$("div:contains(\'大字体\')");  D$("form > div.big");

填空:

1、假设页面有<p>I would like to say: </p>一个元素,当执行$("p").append("<b>Hello</b>");时,页面代码会动态加载为<p>I would like to say: <b>Hello</b> </p>。当执行$("p").affter("<b>Hello</b>");, 页面代码会动态加载为<p>I would like to say: </p><b>Hello</b>

2、请写出页面元素的动态显示和隐藏操作代码。

假设页面有查看按钮,要控制查看按钮的可见性:<input type="button" id="query" value="查看"/>,设置按钮不可见:$("#query").hide(); 或者$("#query").css("display","none");    设置按钮可见:$("#query").show();或者$("#query").css("display","block"); 

3、执行下面代码:

$(document).ready(function(){

var array =[\'墨*\',\'墨子\'];

var str = "[";

$.each( array, function(parm1,parm2){

str += "{parm1: " + parm1 + "," + "parm2: " + parm2 + "},";

});

str = str.substring(0, str.length - 1) + "]";

alert(str);

});

请写出打印结果: [{parm1:0,parm2: \'墨*\'},{parm1:1,parm2: \'墨子\'}]                                         

4、执行下面代码:

$(document).ready(function(){

var result = $.extend({},{name:"Tom",age:21},{sex:"boy",age: 27, email:"ydw@163.com"});

alert(result);

});

写出result结构:{name:\'Tom\',age:27,sex:\'boy\',email:\'ydw@163.com\'}