0

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

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

陈莺莺呀 发布于 2020-02-18 20:06 评论(0)阅读(5)
0

jQuery的动画以及扩展功能

动画DOM及CSS操作 自定义动画 animate(最终css状态,时间) 这个最终css状态是一个对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <style> div{ w ...

陈莺莺呀 发布于 2020-02-17 20:36 评论(0)阅读(14)
0

jQuery判断checkbox是否选中的3种方法

方法一: if ($("#checkbox-id").get(0).checked) { // do something } 方法二: if($('#checkbox-id').is(':checked')) { // do something } 方法三: if ($('#checkbox-id' ...

一智独秀 发布于 2020-02-17 17:55 评论(0)阅读(15)
0

实际开发常用的jquey事件类型,并运用到图片相册

鼠标事件 .click 鼠标单击 .dblclick 鼠标双击 // 单击事件 $("a").click(function(){ $("img").eq($(this).index()) // 获取当前点击的a的index .css({"opacity":"1"}) .siblings() .css ...

陈莺莺呀 发布于 2020-02-16 22:05 评论(0)阅读(13)
0

jQuery的核心功能选择器

选择器是jquery的核心 jquery选择器返回的对象是jquery对象,不会返回undefined或者null,因此不必进行判断 基本选择器: ID选择器 $("#ID") element选择器(标签选择器)$("标签") 如 $("div") 获取具体的标签,使用数组下标的方式 $("div" ...

陈莺莺呀 发布于 2020-02-16 17:48 评论(0)阅读(13)
0

学习jQuery基础语法,并通过一个案例引出jQuery的核心

jquery是一个快速、小巧,功能强大的javascript函数库。 jquery主要用来替代原生的javascript,简化代码。 前端最头疼的就是兼容:IE6/7/8兼容的最高版本是jQuery1.9.1 jQuery的操作在一个类中,不会污染顶级变量 基本不用考虑浏览器的兼容性 支持链式操作方 ...

陈莺莺呀 发布于 2020-02-16 15:08 评论(0)阅读(11)
0

jQuery初学者笔记 一

jQuery初学者笔记 一 Mirror王宇阳 by jQuery语法 jQuery语法是通过选取HTML元素,并对选取的元素进行操作 基础语法: 所有jQuery语句用“$”符号开始 jQuery函数位于一个document ready函数中,我们需要在js中加载该函数文档 选择器语法: jQue ...

Mirror王宇阳 发布于 2020-02-14 19:24 评论(0)阅读(144)
0

安卓手机微信自带浏览器点击事件失效解决

在移动端做了个导航,长这样 原来结构是用的span <span class="menu_icon"> <img src="img/icon_1.png"> <p>导航</p> </span> 绑定用的是jquery的.click $('.menu_icon').click(function () { ...

陈莺莺呀 发布于 2020-02-13 23:00 评论(0)阅读(33)
0

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

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

jane_panyiyun 发布于 2020-02-05 15:16 评论(0)阅读(34)
0

jQuery---jquery.color.js和jquery.lazyload.js的使用

jquery.color.js的使用 了解即可 <!--1. 引入jquery的js文件--> <script src="jquery-1.12.4.js"></script> <!--2. 引入插件的js文件--> <script src="jquery.color.js"></script> < ...

jane_panyiyun 发布于 2020-02-05 15:00 评论(0)阅读(30)
0

jQuery---jQuery插件

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

jane_panyiyun 发布于 2020-02-05 14:56 评论(0)阅读(21)
0

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

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

jane_panyiyun 发布于 2020-02-04 16:45 评论(0)阅读(22)
0

jQuery---each方法

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

jane_panyiyun 发布于 2020-02-04 16:33 评论(0)阅读(18)
0

jQuery---五角星评分案例

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

jane_panyiyun 发布于 2020-02-04 16:21 评论(0)阅读(23)
0

jQuery---链式编程

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

jane_panyiyun 发布于 2020-02-04 16:00 评论(0)阅读(10)
0

jQuery---钢琴案例 (按下1-9数字键,能触发对应的mouseenter事件)

钢琴案例 (按下1-9数字键,能触发对应的mouseenter事件) 1. 结合之前的学习,主要内容,就是on注册keyup事件,函数里传入e, 用e.keyCode,来获取1-9的数字的范围。 如果所按的按键在49-57的范围里,就去触发mouseenter(or mouseleave)事件。 怎 ...

jane_panyiyun 发布于 2020-02-04 15:21 评论(0)阅读(23)
0

jQuery---事件对象

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

jane_panyiyun 发布于 2020-02-04 11:23 评论(0)阅读(7)
0

jQuery---事件解绑与事件触发

事件解绑与事件触发 $("p").off("click"); $("#btn").on("click", function () { //触发p元素的点击事件 //$("p").click(); $("p").trigger("click"); }); ...

jane_panyiyun 发布于 2020-02-04 10:15 评论(0)阅读(10)
0

jQuery---表格删除案例

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

jane_panyiyun 发布于 2020-02-01 22:42 评论(0)阅读(21)
0

jQuery---事件的执行顺序

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

jane_panyiyun 发布于 2020-02-01 21:09 评论(0)阅读(17)