jQuery源码解析之on事件绑定

jquery-3.2.1.jsjquery的on方法用来在选定的元素上绑定一个或多个事件处理函数。当参数selector存在时,通常会用来对已经存在的元素或将来即将添加到文档中的元素做事件委托,表示当点击document中的selector元素时,将触发function回调函数。 1 <div id=“div“ style=“font-weight:800;font-size:24px;text-
阅读本文

jquery的简单动画效果

简单的显示隐藏动画效果,随手记一下,以免忘记普通显示隐藏效果主要用了hide、show、toggle淡入淡出主要用到了fadeIn、fadeOut、fadeToggle滑动效果主要用了slideDown、slideUp、slideToggle实例:$(“#hide“).click(function () {   $(“p“).hide(1000); });
阅读本文

Jquery中attr()与prop()的区别

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。但是,这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。1、操作对象不同 attr是单词attribute的缩写,prop是property的缩写,它们的都表示”属性”的意思。不过,在Jquery里面attribute和property是两个不同的概念。attribut
阅读本文

第四章 jQuery节点操作

1.DOM操作分为三类:(1)DOM Core:任何一种支持DOM的编程语言都可以使用用它如:getElementById()(2)HTML-DOM:用于处理HTML文档,如document,forms(3)CSS-DOM:用于操作CSS,如:element.style.color=“green“;2.直接设置样式css():(1)css(name,value);(2)css({name:valu
阅读本文

jquery_ajax 地址三级联动

jquery 的三级地址联动,原理与javascript类似,只是在触发请求的时候,使用封装好的 $.get ,$post,$.ajax 方法去执行,其余的都是一样的,后台服务器请求文件是一样的,前台html样式和方法也是一样的1. 写一个 服务器文件  server_jquery.php ,如下: 1 <?php 2 // 服务器连接 3 mysql_connect(“lo
阅读本文

jquery正则表达式验证:验证纯中文

需求说明:  前端页面使用正则表达式验证文本输入框输入的数据为纯中文。代码说明:  这里只介绍正则表达式部分,其他部分的代码不做介绍。如有其它的需要可自行修改添加。步骤一:建立一个页面可以是html、jsp等,引入jquery-3.2.1.min.js(其他版本亦可)。步骤二:编写正则表达式。代码部分如下:<!DOCTYPE html><html lang=“en“><head> <meta
阅读本文

jquery正则表达式验证:非负整数

需求说明:  前端页面使用正则表达式验证文本输入框输入的数据为非负整数。代码说明:  这里只介绍正则表达式部分,其他部分的代码不做介绍。如有需要可自行修改。步骤一:建立一个页面可以是html、jsp等,引入jquery-3.2.1.min.js(其他版本亦可)。步骤二:编写正则表达式。代码部分如下:<!DOCTYPE html><html lang=“en“><head> <meta cha
阅读本文

Jquery实现Ajax(二)

一、。load()方法实现Ajax  jQuery还封装的一种方法直接在标签中加载html文件<%@ page language=“java“ contentType=“text/html; charset=UTF-8“ pageEncoding=“UTF-8“%> <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN“
阅读本文

大型运输行业实战_day09_2_站间互售实现

1.添加站间互售入口     对应的html代码   <button onclick=“otherStation()“>站间互售</button>  对应的js发送函数   function otherStation(){ //进入进入站间互售页面列表 window.location.href=“/otherTicket/index“;} 对应的控制层代码:1 /** 2 * 站间互售
阅读本文

MVC登出友情提示

好奇心害死猫,话说12月30号,阳历17年末,行至小镇农户,有羊在鸣,由于好奇心泛滥,循声而至,发现一只被拴住的羊,好心喂草,不料反被舔了一口,得亏抽手及时,不然小拇指估计被咬掉,没错,是咬掉,即使如此,指甲盖也被咬破一半,血流如柱。此羊如此忘恩负义,是非不分,事后竟然依旧呆呆的立着,实为让人嫉恨。在此,贴上凶手,以供谴责。      关于MVC,一般情况弹出框、确认框一般都在前台回调函数中设
阅读本文

jQuery元素操作1

1 元素操作 2 1.2.1 高度和宽度 3 $(“div”).height(); // 高度 4 $(“div”).width(); // 宽度 5 .height()方法和.css(“height”)的区别: 6 1. 返回值不同,.height()方法返回的是 数字类型(20),.css(“height”)返回的是字符串类型(20
阅读本文

jQuery——插件制作

1、$.fn.extend:扩展 jQuery 元素集来提供新的方法(通常用来制作插件),使用时是$(‘选择器‘).方法2、$.extend:扩展jQuery对象本身,用来在jQuery命名空间上增加新函数,使用时是$.方法<!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“> <title>Title</tit
阅读本文

jQuery图片tab栏切换

1 <script> 2 $(function(){ 3 $(‘.tab li‘).mouseenter(function(){ 4 var $this=$(this); 5 var index=$this.index(); 6 $this.addClass(‘active‘).siblings().removeClass(‘ac
阅读本文

判断用户是否登入+从哪来跳转到哪去实现思路

通常我们在为某篇文章点赞,评论时都要求用户登入才能进行,那如何才能做到呢?!思路如下:一.总体原则:在前端页面中添加一个标签,但是并不对该标签定义文本内容,然后通过自定义标签属性完成:<div class=“info“ article_id=“{{ article_detail_obj.article.article_id }}“ user_name=“{{ request.user.use
阅读本文

Easyui layout设置满屏效果

html文件:<!DOCTYPE html> <html> <head> <meta http-equiv=“Content-Type“ content=“text/html; charset=UTF-8“> <title>Easyui Layout全屏</title> <link id=“others_jquery_easyui_131“ rel=
阅读本文

Django中的文件上传+Ajax详细应用

【001】基于Ajax上传文件原则:如果我们使用Ajax操作在涉及到文件上传时,那就要使用FormData1.首先要明白:上传文件使用input输入框的类型是file: 2.后台我需要拿到前端传递过来的文件对象,注意文件对象并不在request.post里面,而是在request.files里面: # 获取文件对象file_obj,如果想获取文件的名字,使用file_obj.name即可 file
阅读本文

html ie

然后为了让IE8支持html5标签和css3中的媒介查询,需要引入下面的js文件,从网上可以找到。还有要注意IE8不支持placeholder属性,也需要引入js文件,这个js基于jQuery的,所以要先引入jQuery文件。    <script src=“js/jquery-1.10.1.min.js“></script>    <!--[if lt I
阅读本文