jQuery
关注
分享
扫一扫
文章平均质量分 55
koastal
这个作者很懒，什么都没留下…
展开
-
jQuery使用Ajax
使用方法ajax的jquery用法如下：GET情况：$.ajax({ type:"GET", url:"请求的服务器地址", dataType:"返回的数据类型，可以不填写，jquery可以自动判断", success:function(data){ "当状态码为200时，执行此段代码。data是服务器返回的数据，如果返回数据是json，则data是j原创 2016-01-29 21:20:29 · 469 阅读 · 0 评论 -
jquery分页显示
我们在显示文章列表的时候，通常需要分页显示。 一种方式是通过SQL查询的limit进行分页，即只查询该页面的数据。 另外一种方式是查询出所有的数据，传递给前段，然后用jquery控制只显示我们想看到的分页。html代码<div class="am-g"> <div class="am-u-sm-12" id="listTag"> </div></div>js代码$(function原创 2016-06-27 21:30:43 · 4623 阅读 · 1 评论 -
jquery分页优化
前言上次写了博客 jquery分页显示，文章的jquery分页方式虽然可以通过js实现分页，但是也存在明显的弊端。该篇文章的思路是，每次通过ajax请求获取到记录，然后通过判断当前页面，显示或者隐藏记录，以实现分页效果。但是这种方式，每次切换分页都需要从新请求一次记录，频繁的查询数据库。下面提供一种，只需要加载一次（查询一次数据库）就能实现分页的思路。我们加载记录之后，生成所有的分页并隐藏，然后默认原创 2016-07-07 18:48:37 · 783 阅读 · 0 评论 -
jQuery Mobile 滑动显示面板
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobil原创 2016-08-29 19:27:15 · 2291 阅读 · 0 评论 -
jQueryMobile 登录、注册页面
使用jQuery Mobile制作了一个登录注册页面，使用data-transition属性可以得到炫酷的切换效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- meta使用viewport以确保页面可自由缩放 --> <meta name="viewport" content="wid原创 2016-08-30 20:06:58 · 10013 阅读 · 1 评论 -
无刷新文件上传
使用FromData通过XHR上传使用ajax技术，能够以xhr的方式，实现无刷新的表单数据的提交和响应。但是这种方式仅仅能够传递一般的参数，也就是以字符串的形式传递key和value。XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的原创 2016-11-01 12:12:45 · 515 阅读 · 0 评论 -
jQuery的Ajax应用
load()异步请求数据使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。fruit_part.html<h3>测试部分</h3><li>橘子</li><li原创 2016-02-10 23:45:11 · 393 阅读 · 0 评论 -
jQuery对radio，checkbox，select元素的操作
jQuery操作radio标签jQuery操作checkbox标签jQuery操作select标签原创 2016-02-04 23:51:36 · 1211 阅读 · 1 评论 -
jQuery操作dom的一个实例
一个是开发中遇到的例子<div class="b2r esb" id="e_adv_s3"><p><a href="javascript:;">超链接A</a><a href="javascript:;">超链接B</a></p><p><a href="javascript:;">超链接C</a><a href="javascript:;">超链接D</a></p><p><a h原创 2017-05-16 20:05:09 · 700 阅读 · 0 评论 -
使用wangEditor富文本编辑器
wangEditor官网地址：http://wangeditor.github.io/今天忽然想起来搞一下富文本编辑器的使用，本来想用百度的ueditor，但是貌似校园网给墙了。然后从知乎上发现了这个编辑器，优点是界面简洁，文档比较清楚。缺点也显而易见，比较简陋，要求不是很高的话，还是可以的 :)下载解压完成之后，用到的只有dist这个文件。作者在看云上发布的手册地址： http://www.ka原创 2016-05-08 17:23:27 · 14727 阅读 · 0 评论 -
jQuery实时刷新显示数据
创建数据表：demo---- 表的结构 `demo`--CREATE TABLE IF NOT EXISTS `demo` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(20) COLLATE utf8_bin NOT NULL, PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT C原创 2016-03-09 11:11:59 · 15397 阅读 · 1 评论 -
PHP和JSON
JSON基本语法并列的数据之间用（英文半角）逗号,分隔映射用（英文半角）冒号:表示并列的数据的集合（数组）用（英文半角）方括号[]表示映射的集合（对象）用（英文半角）大括号{}表示如果只有一条记录，json格式如下：{"id":101,"name":"郭靖","job":"保安队长"}如果有多条记录，json格式如下：[{"id":101,"name":"郭靖","job":"保安队长"原创 2016-01-29 23:13:43 · 457 阅读 · 0 评论 -
jQuery操作DOM元素
使用attr()控制元素的属性attr()方法的作用是设置或者返回元素的属性，其中: 1. attr(属性名)格式是获取元素属性名的值 2. attr(属性名，属性值)格式则是设置元素属性名的值。<h3>attr()方法设置元素属性</h3><a href="http://127.0.0.1" id="a1">点我就变</a><div>我改变后的地址是：<span id="tip"></原创 2016-02-08 22:24:25 · 512 阅读 · 0 评论 -
基于MySQLi和jQuery的评论系统
说明： 通过.getJSON方法从show.php页面获取数据库中已存在的评论。通过.getJSON方法从show.php页面获取数据库中已存在的评论。 通过.ajax方法将表单内容发送到function.php页面，插入到数据库中，然后显示在页面中。index.html<html><head><meta http-equiv='Content-Type' content='text/ht原创 2016-02-11 23:09:16 · 621 阅读 · 0 评论 -
jQuery基础选择器
#id 选择器如果你想要通过一个id号去查找一个元素，就可以使用如下格式的选择器：$("#my_id"),表示根据id选择器获取页面中指定的标签元素，且返回唯一一个元素。<div id="divtest">div的内容</div><script type="text/javascript"> $("#divtest").html("hello world.");</script>html原创 2016-02-04 15:31:56 · 463 阅读 · 0 评论 -
jQuery过滤性选择器
过滤选择器过滤选择器，该类型的选择器是根据某过滤规则进行元素的匹配，书写时以“：”号开头,通常用于查找集合元素中的某一位置的单个元素。:first过滤性选择器用于得到一组相同标签元素中的第1个元素。<div>改变第一行"葡萄"背景颜色：</div><ol> <li>葡萄</li> <li>香蕉</li> <li>橘子</li> <li>西瓜</li> <li原创 2016-02-04 22:13:33 · 424 阅读 · 0 评论 -
jQuery表单选择器
:input表单选择器:input表单选择器可以返回全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、<select> 和<button>标记的表单元素，因此，它选择的表单元素是最广的。<h3>修改全部表单元素的背景色</h3><form id="frmTest" action="#"><input type="button" value="Input B原创 2016-02-04 22:55:13 · 597 阅读 · 1 评论 -
jQuery对象和DOM对象之间的转换
jQuery对象转成DOM对象两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index); (1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 如：var $v =$("#v") ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被原创 2016-02-20 16:52:38 · 424 阅读 · 0 评论 -
基于Vue的三级联动下拉框
展示html部分使用v-model设置和获取select的值使用v-for显示option列表使用:value设置option属性使用{{}}输出内容<div id="test"> 单位： <select v-model="UnitSelected"> <option v-for="item in UnitList" :value="item.id">{{i原创 2017-12-02 01:36:32 · 21613 阅读 · 1 评论