前端之jQuery(二)

6、操作标签a、样式操作样式类addClass();// 添加指定的CSS类名。 removeClass();// 移除指定的CSS类名。 hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。CSScss(“color“,“red“)//DOM操作:tag.style.color=“red“位置:offset()// 获取匹
阅读本文

jquery中最常用的API有哪些

jquery中最常用的API有哪些一、总结一句话总结:取html的方法,class相关的方法,val相关的方法,data相关的方法,attr相关的方法 1、jQuery Object Accessors有哪些方法?jQuery.index(element),返回该jQuery对象在集合中的索引jQuery.each(function),遍历jQuery对象集合,在每个对象上执行function函数
阅读本文

使用jQuery.extend创建一个简单的选项卡插件

选项卡样式如图,请忽略丑陋的样式,样式可以随意更改主要是基于jquery的extend扩展出的一个简单的选项卡插件,注意:这里封装的类使用的是es6中的class,所以不兼容ie8等低版本浏览器呦!想要兼容低版本可以参考思路,然后换成原生的构造函数原型继承方式以下是 tabs.js 文件:class Tabs{ constructor(that){ this.that=th
阅读本文

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
阅读本文