jquery事件 | 易学教程

.prop（）与.attr（）

阅读更多关于 .prop（）与.attr（）

因此， jQuery 1.6具有新的功能 prop() 。 $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) 还是在这种情况下他们做同样的事情？如果我确实必须切换到使用 prop() ，那么如果我切换到1.6，所有旧的 attr() 调用都会中断？更新 selector = '#id' $(selector).click(function() { //instead of: var getAtt = this.getAttribute('style'); //do i use: var thisProp = $(this).prop('style'); //or: var thisAttr = $(this).attr('style'); console.log(getAtt, thisProp, thisAttr); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <div id='id' style=

jQuery单选按钮被选中触发事件

阅读更多关于 jQuery单选按钮被选中触发事件

jQuery单选按钮被选中触发事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.2.1.min.js"></script> <script> $(function () { $("input[type='radio']").on("click",function () { if($("input[id='a']:checked").val()=="1"){ console.log("11111"); }else{ console.log("2222"); } }) }) </script> </head> <body> <input type="radio" id="a" value="1" name="aa">有 <input type="radio" id="b" value="2" name="aa">无 </body> </html> 来源： CSDN 作者：宇亲链接： https://blog.csdn.net/weixin_39709920/article/details/103741348

Django 之AJAX

阅读更多关于 Django 之AJAX

day72 2018-06-27 1. 内容回顾 1. 中间件 1. 中间件概念 2. 中间件应用的场景对请求和相应做全局修改/处理 3. Django中间件的用法 1. 按照格式要求自己写一个类 1. from django.utils.deprecation import MiddlewareMixin 我们写的中间件的类要继承 MiddlewareMixin 2. 定义相应的方法（5种可以选择） 1. process_request(self, request) 1. 何时执行 2. 执行的顺序 --> 注册的正序 3. 返回值 1. 返回None --> 继续往后执行 2. 返回Response对象 --> 跳出直接返回响应（按照处理响应的操作继续往后执行） 2. process_view(self, request, view_func, args, kwargs) 1. 何时执行 2. 执行的顺序 --> 注册的正序 3. 返回值 1. 返回None --> 继续往后执行 2. 返回Response对象 --> 跳出直接返回响应（按照处理响应的操作继续往后执行） 3. process_exception(self, request, exception) 4. process_template_response(self, request, response) 5.

jQuery插件- Autocomplete应用详解

阅读更多关于 jQuery插件- Autocomplete应用详解

　　项目中有时会用到自动补全查询，就像Google搜索框、淘宝商品搜索功能，输入汉字或字母，则以该汉字或字母开头的相关条目会显示出来供用户选择， autocomplete 插件就是完成这样的功能。　　 autocomplete官网： http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ （可下载jQuery autocomplete插件）。　　淘宝商品搜索功能效果：　　下面来使用 autocomplete插件来实现类似效果。 1. 创建 AjaxPage.aspx 页面，在其中定义 WebMethod 方法来返回搜索页面需要的输入框所有提示条目。后台代码如下： using System.Collections.Generic; using System.IO; using System.Runtime.Serialization.Json; using System.Web.Services; public partial class AjaxPage : System.Web.UI.Page { [WebMethod] public static string GetAllHints() { Dictionary<string, string> data = new Dictionary

jQuery 教程

阅读更多关于 jQuery 教程

jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 向您的页面添加 jQuery 库 jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。可以通过下面的标记把 jQuery 添加到网页中： < head > < script type = "text/javascript" src = "jquery.js" > < /script > < /head > 请注意， < html > < head > < script type = "text/javascript" src = "jquery.js" > < /script > < script type = "text/javascript" > $( document ) .ready ( function ( ) { $( "button" ) .click ( function ( ) { $( "p" ) .hide (

Knockout应用开发指南第一章：入门

阅读更多关于 Knockout应用开发指南第一章：入门

1 Knockout简介 (Introduction) Knockout是一个轻量级的UI类库，通过应用MVVM模式使JavaScript前端UI简单化。 Knockout有如下4大重要概念：声明式绑定 (Declarative Bindings) ：使用简明易读的语法很容易地将模型(model)数据关联到DOM元素上。 UI 界面自动刷新 (Automatic UI Refresh) ：当您的模型状态(model state)改变时，您的UI界面将自动更新。依赖跟踪 (Dependency Tracking) ：为转变和联合数据，在你的模型数据之间隐式建立关系。模板 (Templating) ：为您的模型数据快速编写复杂的可嵌套的UI。简称：KO 官方网站： http://knockoutjs.com 2 入门介绍 (Getting started) 2.1 KO工作原理及带来的好处 Knockout是一个以数据模型（data model）为基础的能够帮助你创建富文本，响应显示和编辑用户界面的JavaScript类库。任何时候如果你的UI需要自动更新（比如：更新依赖于用户的行为或者外部数据源的改变），KO能够很简单的帮你实现并且很容易维护。重要特性: 优雅的依赖追踪 - 不管任何时候你的数据模型更新，都会自动更新相应的内容。声明式绑定 -

JQuery

阅读更多关于 JQuery

JQuery 对象 this与$(this)的区别 this指向标签本身对象，而$(this)会将其封装成JQuery对象 $("#img").mousemove( function(e){ $(this).attr("src", this.src).css({ "top":(e.pageY + y) + "px", "left":(e.pageX + x) + "px" }).show(500); } ); 代码中的this指向DOM对象(img对象)，因此可以通过 this.src 访问相应的对象属性，我们可以使用 $(this) 将一个DOM对象包装成一个JQuery对象，这样就可以使用JQuery提供的方法了。 attr与prop的区别 attr与prop都可以访问属性，但在JQuery中二者有区别。具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr() remove与empty区别 empty清空节点中的内容, remove删除DOM节点的，实例如下初始 <p>Hello</p>World<p>welcome</p> 执行$("p").empty() <p></p>World<p></p> 或执行$("p").remove() World 事件中的冒泡现象 <html>

JQuery中的事件以及动画

阅读更多关于 JQuery中的事件以及动画

.bind事件 <script src="script/jquery-1.7.1.min.js"></script> <script> $(function () { $("#divid h5.head").bind("click", function () { //bind事件，其中包含三个参数，第一个为事件，第二个为事件 alert($(this).text()); }); $("#divid h5.content").css("display", "none"); //css方法就是可以动态设置标签样式 }); $(function () { $("#btnid").bind("click", function () { if (bool == true) { $("#btnid .content").css("display", "none"); bool = false; $(this).val("显示"); } else { $("#btnid .content").css("display", ""); bool = true; $(this).val("隐藏"); } }); }); $(function () { $("input[type=button]").bind("click", function () { //内容的显示与隐藏 var content =

jQuery基本语法

阅读更多关于 jQuery基本语法

为什么要用jQuery? 写起来简单，省事，开发效率高，兼容性好(write less,do more). 什么事jQuery? jQuery是一个兼容多浏览器的JavaScript库(类似python里面的模块), 如何使用jQuery? 导入： <script src="jquery-3.2.1.js"></script> 　　　　<script src="jquery-3.2.1.min.js"></script> 语法规则:$("") JS和jQuery的区别? jQuery就是用JS写的 js是基础，jQuery是工具选择器基本选择器　　ID选择器　　$("#id的值") 　　类选择器(class) $(".class的值") 　　标签选择器(html标签) $("标签的名字") 　　所有标签　　　　$("*") 　　组合选择器　　$("xx,xxx") 层级选择器 $("x y");// x的所有后代y（子子孙孙） $("x > y");// x的所有儿子y（儿子） $("x + y")// 找到所有紧挨在x后面的y $("x ~ y")// x之后所有的兄弟y　 jQuery对象　　用jQuery选择器查出来的就是jQuery对象　　jQuery对象，他就可以使用jQuery方法，不能使用DOM的方法　　DOM对象和jQuery对象的转换: 　　　　--

JQuery选择器

阅读更多关于 JQuery选择器

JQuery选择器 1.基本选择器和CSS的定义差不多：标签选择器 id选择器（#）类选择器（点）并集选择器（逗号） <head> <meta charset="UTF-8"> <title>选择器·基本选择器</title> <script src="js/jquery-3.3.1.min.js"></script> <script> $(function() { //id选择 $("#divOne").css("color", "red"); //标签选择 $("span").css("color", "green"); //class选择 $(".clsTwo").css("color", "blue"); //合并选取 $("#divOne,span,.clsTwo").css("fontSize", "50px"); }); </script> </head> <body> <div id="divOne">有ID的div</div> <span>span</span> <div class="clsTwo">有class的div</div> </body> <head> <meta charset="UTF-8"> <title>并集选择器：3 Click in 1</title> <script type="text/javascript" src="js

订阅 jquery事件