2017年02月_pdsu_zhao

12月 11月 10月 09月 05月 04月 03月 02月

原创 Jquery——Day5（jQuery UI:知乎系统[初级]）

1、项目介绍该项目仿照“知乎”的架构模式来搭建界面和布局。此外，以“百度”作为辅助进行开发的系统。主要实现的是界面的前端部分功能。确认的几个主要的前端功能如下：（1）弹出对话框；（2）前端按钮；（3）折叠菜单；（4）选项卡切换；（5）滑动块；（6）日历；（7）自动

2017-02-28 19:50:54 528

原创 Jquery——Day5（插件—案例：制作导航插件）

1、插件描述插件的种类，主要大致可以分为：UI类、表单及验证类、输入类、特效类、Ajax类、滑动类、图形图像类、导航类、综合工具类、动画类。引入插件需要一定的步骤，如下：（1）必须引入jquery.js文件，而且在所有插件之前引入；（2）引入插件；（3）引入插件的周边，比如皮肤、中文包等。用户名：(*) 电子邮件：(*) 用户名：注意：由于在va

2017-02-27 17:16:49 275

原创 Jquery——Day5（工具函数）

1、字符串操作在jQuery中，字符串的工具函数只有一个，就是去除字符串左右空格的工具函数：$.trim()//$.trim()去掉字符串两边空格，var str=' jQuery ';alert(str);alert($.trim(str));2、数组和对象操作（1）each()遍历数据a、遍历数组var arr=['张三','李四','王五']

2017-02-26 20:03:11 371

原创 Jquery——Day4（Ajax进阶：加载请求、错误请求、请求全局事件、json/jsonp）

1、加载请求jQuery提供了两种全局事件：ajaxStart()、ajaxStop()。只要用户触发了Ajax，请求开始时（未完成其他请求）激活ajaxStart()，请求结束时激活ajaxStop()$('.loading').ajaxStart(function(){ $(this).show();}).ajaxStop(function(){ $(this).hide()

2017-02-26 17:31:29 708

原创 Jquery——Day4（Ajax基本用法get/post/ajax/serialize等）

Ajax，全称为“Asynchronous Javascript and XML”（异步的Javascript和XML），它不是一种 Javascript的单一技术，而是利用了一系列交互式网页应用相关的技术所形成的结合体。一般使用Ajax，实现无刷新状态更新页面，并且实现了异步提交，提升了用户体验。（1）Ajax优势：a、不需要插件支持b、用户体验极佳（不刷新界面即可

2017-02-25 18:19:42 520

原创 Jquery——Day3（动画效果）

1、显示show()、隐藏hide()显示与隐藏类似于HTML中对应的“display:none”和“display:block” box若要点击button按钮，实现“div id=box”的显示与隐藏，对应的jquery代码如下：$('.show').click(function(){ $('#box').show();});$('.hid

2017-02-24 21:03:24 261

原创 Jquery——Day3（高级事件）

1、模拟事件在jquery中，可以使用trigger()方法完成模拟操作（1）常用模拟$('#btn').trigger("click");近似于$('#btn').click();（2）触发自定义事件对于myClick表示自定义事件，若要触发，使用trigger()$("#btn").bind("myClick",function(){ alert("欢迎光临！")

2017-02-24 17:49:45 253

原创 Jquery——Day3（事件对象+事件冒泡+默认行为阻止）

1、事件对象即event对象，通过处理函数默认传递接受。//通过处理函数传递事件对象；$(function(){ $("input").bind('click',function(e){ alert("欢迎光临！"); });});凡是事件，都包含有属性和方法A、event.target与event.currentTarget、relatedTarget区别：（1）

2017-02-24 11:00:19 420

原创 Jquery——Day2（基础事件）

在jquery中，加载事件采用$(document).ready()方法，用它来代替JavaScript中的window.onload方法。二者的区别在于（1）执行时机上，window.onload必须在网页所有元素加载到浏览器后才执行即访问网页中的元素；而$(document).ready()方法在于若DOM结构准备完全就绪，就可以被调用；（2）调用次数上，window.onload方法只可

2017-02-23 20:57:18 357

原创 Jquery——Day2（包裹节点、节点操作）

1、包裹节点wrap节点（1）利用wrap()方法对之前的代码包裹（1）wrap(html)：向指定元素包裹一层html代码（2）wrap(element)：向指定元素包裹一层DOM对象节点（3）wrap(function(index))：使用匿名函数对指定元素进行包裹指定内容$(function(){ $('div').wrap('</strong'); //向d

2017-02-23 17:18:59 790 1

原创 Jquery——Day2（基础DOM和css操作）

A:设置元素及内容最常用的DOM方法为：a、html():表示获取元素的html内容b、text():表示获取元素的文本内容欢迎光临！若要获取class="box"下，相应的html内容和text内容$(function(){ alert($('#box').html()); //获取元素的html内容； alert($('#box').text()); /

2017-02-23 12:34:04 381

原创 Jquery——Day1(Jquery基本选择器+过滤选择器+表单选择器+表单过滤器)

A、jQuery常规选择器，大体上来讲，简单选择器、进阶选择器、高级选择器1、简单选择器，分为id选择器、元素（标签）选择器、类（class）选择器与css进行对比，css是为了添加样式，而jQuery是完全继承了css的风格，但它是为了添加行为（1）元素名如“div” div{} $('div').css('color','red')（2

2017-02-22 21:05:55 498

原创 Jquery——Day1（Jquery的风格方式、与Javascript的区别）

首先，我们已经明白，（1）Jquery=Javascript库（JS库）（2）$(function(){});===jquery(function(){});即"$===jQuery"1、window.onload和$(document).ready()两个方法的区别（1）在Javascript在页面加载时，需要使用window.onload 注意：a、必须等待页

2017-02-22 17:39:17 297 1