(本文年代久远,请谨慎阅读)今天学习了JQuery的一些基本用法,包括JQuery选择器和JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象的方法不同,属性不同,在使用中要特别注意...JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值中包含test...而在JQUERY中则完全不同,JQUERY提供了异常强大的选择器用来帮助我们获取页面上的对象,并且将对象以JQUERY包装集的形式返回。 "$"符号在JQUERY中代表对JQUERY框架集的引用。...在使用JQUERY时,当 DOM(文档对象模型) 已经加载完成时,就会发生 ready 事件。...由于该事件在文档就绪后发生,因此把所有其他的 JQUERY事件和函数置于该事件中是非常好的做法。
在简单选择器中,标签类型声明之后的部分由零个或多个过滤器组成。过滤器从左到右应用,和书写顺序一致,其中每一个都会缩小选中元素集。下表列举了jQuery支持的过滤器。...匹配元素( jQuery的扩展),当显式带有input标签前缀”input:checkbox”时,该过滤器更高效 :checked 匹配选中的input...(在jQuery 1.4中,负序号也是允许的,会从选区的末尾开始计数。)注意这些方法返回的jQuery对象只含有一个元素。...在jQuery 1.4中,还可以给closest()传入一个祖先元素作为第二个参数,用来阻止jQuery往上查找时超越该指定元素: $("a[href]").closest("div") ...当这里所描述的选取方法在创建或返回一个新的ejQuery对象时,它们会给该对象添加一个到它派生自的旧jQuery对象的 内部引用。这会创建一个jQuery对象的链式表或栈。
){ $("div>Hellodiv>").appendTo("body"); } 运行:当点击id为test的元素时,向body中添加“div>Hello...div>”,在网页中显示字符串“Hello” $(elem) 说明:限制jQuery作用于一个特定的dom元素,这个函数也接受xml文档和windows对象 参数: elem:通过jQuery对象压缩的...()) } 运行:当点击id为test的元素时,alert对话框显示:So is this,即第二个标签的内容 get(num) 说明:获取匹配元素,get(num)返回匹配元素中的某一个元素 参数...obj) 说明:返回对象索引 参数:obj (Object): 要查找的对象 例子: 未执行jQuery前: div id="test1">div> div id="test2">div>...:当点击id为test的元素时,两次弹出alert对话框分别显示0,1 size() 或 length 说明:当前匹配对象的数量,两者等价 例子: 未执行jQuery前: <img src="1.jpg
未压缩版就是开发人员书写时的格式,不会去除空白地方和注释。 5....注意 : jQuery 对象中存储的 DOM 对象顺序与页面标签声明位置关系 jQuery对象数组中dom对象的顺序和声明dom对象时的顺序保持一致 div>1div> dom1 div>2div> dom2 div>3div> dom3 $("div") == [dom1,dom2,dom3] 过滤器就是过滤条件,对已经定位到数组中 DOM 对象进行过滤筛选,过滤条件不能独立 出现在...注意:以下设置的内容是书写代码时标签中的在网页显示文本内容,而不是设置网页上显示的内容。...success : 一个function函数,代表请求成功时,从服务端返回了数据,执行的seccess指定函数 相当于之前使用 XMLHttpRequest对象,当readyState==4 &&
然后,通过jquery validate在客户端每次提交之前进行校验,如果校验匹配中有不符合规则的,则将message显示在一个特定的span标签(class="field-validation-valid...AJAX发送一个异步的POST请求,获取服务器时间结果,并将其显示在span标签内: ? ...需要注意的是: (1)如果你在JQuery AJAX中使用的是get方式的提交,那么在在使用Json返回JsonResult时注意要将第二个参数设置允许Get提交方式:return Json("",...div> 为了显示加载提示的效果,我们人为地修改一下Action方法,使用Thread.Sleep(3000)来延迟一下请求返回时间 public ActionResult GetServerDate...这里的Result主要是指我们在Action中进行return 语句返回结果时(例如:return Content("Hello Filter!");),之前和之后要执行的逻辑处理。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 实例: 在元素上移动鼠标。...该事件方法在 jQuery 语法 章节中已经提到过。 click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。...在下面的实例中,当点击事件在某个 元素上触发时,隐藏当前的 元素: $("p").click(function(){ $(this).hide(); }); dblclick() 当双击元素时...如果 load() 方法已成功,则显示”外部内容加载成功!”,而如果失败,则显示错误消息: 当Deferred(延迟)对象解决,拒绝或仍在进行中时,调用添加处理程序 .promise() 返回一个 Promise 对象,观察某种类型被绑定到集合的所有行动,是否已被加入到队列中
目前官方最新版本是:jQuery EasyUI 1.5,官方提供了两个版本供下载,GPL 版本和商业版本,你根据自己的需要下载 GPL 版本 GPL 版本在 GPl 协议下有效,你能在任何遵循 GPl...商业版本 商业版在 Commercial 协议下有效,你能在任何非 GPL/专有的协议下使用。...null loadMsg string 当从远程站点加载数据时,显示的提示信息。...getSelections none 返回所有选中的行,当没有选中的记录时,将返回空数组。 clearSelections none 清除所有的选择。...tab的索引 在body中设置铺满式布局 div data-options="region:'west',href:'west_content.php
5)视图显示数据: 视图负责显示模型的数据,形成最终的 HTML。6)响应发送给用户: 最终的 HTML 响应通过网络返回给用户的浏览器。...使用 return new EmptyResult();语句返回 EmptyResult。9、HttpUnauthorizedResult表示一个HTTP 401未授权的结果。...("~/bundles/jquery.min.js"));注意:在生产环境中,建议在部署时启用压缩,而在开发阶段禁用它,以便更容易调试和理解源代码。...2)当动作方法返回 ViewResult 时,它会呈现相应的视图,将视图的 HTML 内容发送给客户端浏览器。...HandleErrorAttribute 是一个异常过滤器的示例,用于处理发生在控制器或动作方法中的异常。5、结果过滤器(Result Filters)在动作方法返回结果前后执行代码。
injectme= image元素将插入到DOM中,并且在加载期间会出错,从而触发onerror事件处理程序。...的任何内容,幸运的是,jQuery Mobile有一个已知的脚本小工具可供我们使用。...让我们首先考虑以下html div data-role=popup id='hello world'>div> 此HTML将触发jQuery Mobile的Popup Widget中的代码。...可能不明显的是,当您创建弹出窗口时,库会将id属性写入HTML注释中。 ? jQuery中负责此工作的代码如下所示: ? 这是一个代码小工具,我们可以滥用它来运行JavaScript。...我们只需要绕过注释,然后我们就可以做我们想做的任何事情。 我们最终的payload将如下所示: div data-role=popup id='--!
注意dom对象和jQuery对象是有区别的,调用方法时要注意操作的是dom对象还是jQuery对象。普通的dom对象一般可以通过$()转换成jQuery对象。...content"作为html串写入id为msg的元素节点内容中,页面显示粗体的content // 文本内容 $('#msg').text(); // 返回 id 为 msg 的元素节点的文本内容...提供过滤器,可以缩小结果集: $('div').has('p'); // 选择包含 p 元素的 div 元素 $('div').not('.myClass'); // 选择 class 不等于 myClass...元素 $('div').eq(5); // 选择第六个 div 元素 有时候,我们需要从结果集出发,移动到附近的相关元素,jQuery也提供了在DOM树上的移动方法: $('div').next('p...$.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中,则返回-1。 $.grep() 返回数组中符合某种标准的元素。 $.extend() 将多个对象,合并到第一个对象。
函数接受CSS选择符作为参数,充当一个工厂,返回包含页面中对应元素的jQuery对象。...事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 jQuery 事件方法语法 在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。...在下面的实例中,当点击事件在某个 元素上触发时,隐藏当前的元素: $("p").click(function(){ $(this).hide(); }); 双击事件 当双击元素时,会发生...在下面的实例中,当双击事件在某个 元素上触发时,隐藏当前的元素: $("p").dblclick(function(){ $(this).hide(); }); 鼠标穿过事件 当鼠标指针穿过元素时...click(function(){ //stopAll参数为true,goToEnd参数为true,暂停所有animate动画,并直接显示结果 $(“div”).stop(true,true
服务器未做充分处理,将参数q的值直接嵌入到返回给用户的HTML页面中(例如:div>您搜索的是:alert('XSS')div>)。...攻击者将包含恶意脚本的数据提交给Web应用程序,应用程序未充分过滤或编码就将其存储到服务器端的数据库、文件系统或其他持久化存储中(例如,存储在留言板的帖子内容、用户评论、个人资料字段、私信消息里)。...数据窃取与信息泄露(DataTheftandInformationLeakage):窃取浏览器中显示的任何敏感信息,如个人资料、私信内容、财务数据、浏览历史、存储在localStorage或sessionStorage...div>";}?>修复原理:使用预处理语句防御SQL注入。在显示评论时,使用htmlspecialchars()对从数据库取出的内容进行HTML实体编码,防御存储型XSS。...读取页面内容:访问和读取当前页面DOM中的任何信息,即使这些信息没有显示出来(例如,隐藏的表单字段、JavaScript变量中的敏感数据)。
现在,我们有了一个简单的下拉菜单,在单击链接时显示菜单。我们可以在浏览器中查看它,如图所示。 ? 让我们结合使用下拉式插件和我们在前一章中创建的标签和按钮菜单。...警告消息 Bootstrap提供了一个非常有用的组件在网页的任何地方显示警告消息;你可以使用它们来显示成功消息、警告消息、失败消息、信息等;这些消息对访问者来说是恼人的,因此他们应该忽略添加的功能,让访问者能够隐藏它们...添加data-dismiss使按钮在单击时关闭模式对话框。 对于本体,我们需要一个包含类modal-body的div>元素。您可以将几乎任何内容放到该元素中。...当设置为“静态”时,当在模态主体外的任何地方点击时,模式对话框不会关闭。 keyboard属性用于启用或禁用键盘的escape键功能,当设置为false时,Esc键不会关闭模式对话框。...当设置为true时,模式对话框将自动显示,不需要单击任何句柄元素。 元素,可以作为一个modal handle元素,可以包含一个包含链接的属性href。
会出现验证失败,但是数字 56 仍然显示在 Salary 文本框中。 ? 测试2 ? 如图所示,姓名仍然保留在文本框中,却未保留工资,接下来我们来讨论上述问题的解决办法。...当点击”Add New“超链接时,请求会通过Add New方法处理,在该Action 方法中,可以不传递任何数据。即就是,View中的Model属性为空。...关于实验16 为什么在点击”SaveEmployee “按钮时,需要返回关键字? 如之前实验9讨论的,当点击提交按钮时,是给服务器发送请求,验证失败时对服务器请求没有意义。...每个请求都是新请求,因此当同一客户端发出二次请求时,服务器无法识别,为了解决此问题,服务器会在准备好的请求包中添加一个Cookie,然后返回。...实验18——在View中显示UserName 在本实验中,我们会在View中显示已登录的用户名 1.
最后附上测试结果: 图一为正常在微信中打开并分享好友样式; 图二为在 Safari 中打开并分享好友样式。 期间也尝试过网上说的一些方案,比如设置 300x300 像素 img,结果还是不尽人意。...在 intent-filter 中,包含如下三个属性: android:icon:表示父 Activity、服务或广播接收器的图标,在将该组件以具备过滤器所描述功能的形式呈现给用户时显示。...将相应组件以具备过滤器所描述功能的形式呈现给用户时,将使用此标签(而不是父组件设置的标签)。默认值为父组件设置的标签。...当 Intent 可由优先级不同的多个 Activity 处理时,Android 只会将优先级值较高的 Activity 视为 Intent 的潜在目标。...默认值为 0 在过滤器中必须包含以下属性: action:在 name 属性中,声明接受的 Intent 操作。例如这个例子中我们通过隐式启动了我们目标 Activity。
options 在屏幕的右下角显示一个消息窗口。...msg:定义显示的消息文本。title:定义显示在标题面板显示的标题文本。timeout:如果定义为0,消息窗口将不会关闭,除非用户关闭它。如果定义为非0值,当超时后消息窗口将自动关闭。...$.messager.confirm title, msg, fn 显示一个含有确定和取消按钮的确认消息窗口。参数如下:title:显示在标题面板的标题文本。msg:确认消息窗口显示的消息文本。...isValid none 调用验证方法并返回验证结果,true或者false 7.4 扩展 当然也可以自定义验证规则,重写$.fn.validatebox.defaults.rules 可以定义一个校验器的功能和无效的显示消息...null loadingMessage 字符串 当加载远程数据时,在面板中显示的信息 Loading… 10.3 事件 名字 参数 描述 onLoad none 当远程数据加载时触发 onBeforeOpen
案例:在views中将用户名Swift传递给html页面中的div显示出来 def index(request): username = "Swift" # 如果想把值传到Templates...(request, 'index.html', context=content) 在html中通过div标签展示出来: div id="div01">{{ user }}div> 注意:无论是传递单个元素还是多个元素...在模板语言中访问列表或者元组中的元素时可以使用变量名.数字来访问列表中的元素,访问字典中的元素可以使用变量名.键名来访问。...我们在views中传递一个集合给模板文件,html页面中使用模板语言的for标签依次将数据显示出来。...1.gif 2.使用DataTable展示数据 DataTables是基于jQuery的一个插件,用于显示数据表格。
3.2.1、通过id获取元素 在CSS中经常使用id来控制元素,在jQuery中获取元素时,也使用同样方法。与CSS一样,在id前面加上#号。...$("#loading").ajaxStop(function(){ $(this).hide(); }); //当 AJAX 请求成功后显示消息。...如果指定为html类型,任何内嵌的JavaScript都会在HTML作为一个字符串返回之前执行。..."script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。...此设置被设置之前beforeSend函数被调用;因此,消息头中的值设置可以在覆盖beforeSend函数范围内的任何设置。
注意:若前面跟着一起整合了token,直接访问该接口不行,要么请求时带上登录接口返回的token,要么放行该接口,为了简单,此处我直接放行的该接口,若未整合token,则不需要管,放行方式如下:...在该配置类下面的该方法增加如图所示(未整合token不需要管)。.../jquery-3.1.1.min.js"> div class="progress" style="width: 60%;height: 60px...连接关闭的回调方法 websocket.onclose = function(){ setMessageInnerHTML("关闭连接"); } //监听窗口关闭事件,当窗口关闭时...window.onbeforeunload = function(){ alert("已关闭连接"); websocket.close(); } //将消息显示在网页上
与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。...= $('.input-box input'); // jQuery构造函数传入选择器,返回的是一个jQuery的包装对象 // 大部分的api都是在jQuery包装对象上 /...第二,只触发jQuery对象集合中第一个元素的事件处理函数。 第三,这个方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象。...data:将要传递给事件处理函数的数据映射 fn:每当事件触发时执行的函数。 实例: // 当所有段落被第一次点击的时候,显示所有其文本。...data:当一个事件被触发时要传递event.data给事件处理函数。 fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。