前端——jQuery

jQuery是JS的工具库,对原生JS中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装,使用 . 链式写法,提供更完善,更便捷的方法。 再使用jquery之前,我们需要先引入jquery文件,才能使用jquery语法,导入jQ文件的方法有两种。 从 jquery.com 下载 jQue ...

AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象

ajax 不重新加载整个网页的情况下,更新部分网页的技术 注意:ajax只有在服务器上运行才能生效,我在本地一般用phpstudy 优点: 1、优化用户体验 2、承担了一部分本该服务器端的工作,减轻了服务器端的压力 3、优化了服务器端和浏览器端的传输,减少了带宽占用 缺点: 1、不支持回退按钮 2、 ...

jQuery学习笔记

jQuery初学者笔记 一 Mirror王宇阳 by jQuery语法 jQuery语法是通过选取HTML元素,并对选取的元素进行操作 基础语法: 所有jQuery语句用“$”符号开始 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit ...

jQuery---jquery.ui实现新闻模块

jquery.ui实现新闻模块 jquery也有ui,了解即可,用的不多,类似element ui 和bootstrap JQuery UI API: jquery.ui实现新闻模块 draggale拖动,并用属性handle,指定下拖动手柄 $(".drag-wrapper").draggable ...

jQuery---jQuery插件

jQuery插件 使用插件的步骤 1. 引入jQuery文件 2. 引入插件(如果有用到css的话,需要引入css) 3. 使用插件 <!--1. 引入jquery的js文件--> <script src="jquery-1.12.4.js"></script> <!--2. 引入插件的js文件-- ...

jQuery---$冲突的解决方案

$冲突的解决方案 遇到其他js文件也用$包装了函数。可以把jQuery放在后面,并释放下$的控制权,也可以换个字符替代原来的$,例如$$ 或者,jQuery //jQuery释放$的控制权 $$ = $.noConflict(); <!DOCTYPE html> <html lang="zh-CN" ...

jQuery---each方法

each方法 each方法 //each方法 $("li").each(function (index, element) { $(element).css("opacity", (index + 1) / 10); }) for循环方法 for (var i = 0; i < $("li").le ...

jQuery---五角星评分案例

五角星评分案例 1. 鼠标经过li的时候,当前的位置是实心五角星,前面的是实心。当前位置后面的是空心。注意此处不能完全用链式编程写到底 2. 鼠标离开,comment的所有孩子变为空心五角星。额外,找到current, 让current和它的前面都是实心。 3. 点击li的时候,当前的位置增加个cu ...

jQuery---链式编程

链式编程 设置性操作:可以链式编程 获取性操作,不能链式,因为获取性操作,数值,字符串,返回值是不是一个jq对象。 $(function () { //设置性操作:可以链式编程 //获取性操作,不能链式,因为获取性操作,数值,字符串,返回值是不是一个jq对象。 $("div").width(200) ...

jQuery---事件对象

事件对象 jQuery事件对象其实就是js事件对象的一个封装,处理了兼容问题 e.data 存储绑定事件时传递的附件数据 传入e, 再console.log(e)可以查看 //100,注册的时候的时候,把100传到事件里面去。 var money = 100; //on(types, selecto ...

jQuery---表格删除案例

表格删除案例 on的简单事件 //1. 找到清空按钮,注册点击事件,清空tbody $("#btn").on("click", function () { $("#j_tb").empty(); }); on的委托事件 //2. 找到delete,注册点击事件 $("#j_tb").on("clic ...

jQuery---事件的执行顺序

事件的执行顺序 // 1 这个是p自己注册的事件(简单事件) $("p").on("click", function () { alert("呵呵哒"); }); // 2 给div自己执行的 $("div").on("click", function () { alert("呜呜呜"); }); ...

jQuery---on注册事件的2种方式

on注册事件的2种方式 on注册事件的语法 on注册简单事件 // 这个是p自己注册的事件(简单事件) $("p").on("click", function () { alert("呵呵"); }); $("#btn").on("click", function () { $("<p>我是新建的p ...

jQuery---委托事件原理

jQuery事件发展历程 事件发展历程:从简单事件,到bind,到委托事件,到on事件绑定 //简单事件,给自己注册的事件 $("div").click(function () { alert("哈哈"); }); //bind方式 $("p").bind({ click: function () ...

jQuery---offset方法和position方法

offset方法和position方法 获取元素的相对于document的位置 //获取元素的相对于document的位置 $(".son").offset(); console.log($(".son").offset()); 获取元素相对于有定位的父元素的位置 //获取元素相对于有定位的父元素的 ...

<1···91011>