本文主要内容是介绍EasyUI的一些常用组件的使用，都是一些非常基础的知识，适合入门者学习，主要包括Base（基础）、Layout(布局）、菜单和按钮、表单、窗口、表格和树等的使用。要求完全掌握这些内容，学会查阅文档，了解开发基本思想。如果想进一步深入学习，可以直接去官网进行学习，查阅文档等http://www.jeasyui.com/。 一、简介 EasyUI是一种第三方组织开发的，开源的，功能强大的，基于jquery的插件库。 主要可以用于web的后...
jQuery事件的因果关系是怎么样的一个格式：$("button").click(function(){ }) 【正式接触jQuery】 （1）jQuery的书写步骤： 1.引入jQuery文件； 2.新建一对script标签来书写jQuery； 3.用jQuery的方式进行代码分离； 4.按照jQuery用谁就选谁的原则去书写代码； 【jQuery的css修改】 alert（）弹出一个警示框；弹出的信息可以写在小括号里面作为参数； css（） 1.单属性获取，格式css(“要获取的css属性名称”) 2.单属性修改，格式c...
事件是用户操作时页面或页面加载时引发的用来完成javascript和HTML之间的交互操作。常见的元素点击事件、鼠标事件、键盘输入事件等，较传Javascript 相比JQuery增加并扩展了基本的事件处理机制，极大的增强了事件处理的能力。 一、DOM加载事件 页面加载完毕后浏览器会通过javascript为Dom元素加载事件，使用Javascript时候使用的是window.onload方法，而Jquery使用的是$(document).ready()方法,下表 展示两个事件的异同。window.on...
使用jQuery的方式来操作DOM更加的简洁、方便，统一的调用方式方便学习并且可降低学习成本。 1、样式属性操作 1）设置样式属性操作 ①设置单个样式： // 第一个参数表示：样式属性名称 // 第二个参数表示：样式属性值 $(selector).css(“color”, “red”);②设置多个样式（也可以设置单个） // 参数为 {}（对象） $(selector).css({“color”: “red”, “font-size”: “30px”});2）获取样式属性操作 // 参数表示要获取的 样式属...
jQuery是一个优秀的、轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+），而jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 1、jQuery入口函数与Js入...
一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里，可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件，jQuery Mobile 会追加一定的样式到链接，值得注意的是，jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应，一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式。下面给出一个例子： 这是一个添加了 data-role=“button” 属...
其实选择器就像开罐器一样，会用这个工具的人，自然吃的到甜头，但不会用这个工具的人，不管罐头里面的面筋土豆有多美味，吃不到就是吃不到，就如同jquery再怎么强大，也只能看着荧幕，而不知该如何下手，不过虽然选择器不难，也容易上手，但老实说，我用了一年多下来，还是觉得自己只有用皮毛而已，所以希望藉着这一系列的笔记，让自己能更长进一些 DOM怎么吃 DOM可以说是JavaScript与网页之间的联系管道，他提供了一个模型，让Ja...
1. jQuery的基本信息: 1.1 定义: jQuery是JavaScript的程序库之一，它是JavaScript对象和实用函数的封装， 1.2 作用: 许多使用JavaScript能实现的交互特效，使用jQuery都能完美地实现，下面通过五个用途来更多的了解。 1.2.1 访问和操作DOM元素 1.2.2 制作页面样式 1.2.3 对页面时间的处理 1.2.4 方便地使用jQuery插件 1.2.5 与Ajax的完美结合 1.3 优势: 想必有人就会问了：为什么人们会更多的选择jQuery呢？因为jQuery的主旨就是w...
一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ，然后在此基础上增强样式，因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是， jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式，因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。 jQuery Mobile 的表单组件有以下几种： （1）文本输入框， type="text" 标记的 input 元素会自动增强为 jQuery Mobile 样式...
$.ajax快捷方法 $.get(url,[data],[callback],[type]) $.post(url,[data],[callback],[type])两种方法请求方式不同，其他方式相同. 参数：url[请求地址]，data[请求的数据内容(obj对象)]，callback[回调函数(只能处理请求成功事件)]， type[请求返回数据的编码格式(默认ContentType指定格式)] $.get(/test?x=1); $.get(/test,{z:2}); $.post(/test,{y:2}); $.get(/user,function(data,callbacktype,jqXHR){data//返回数据callbackt...
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下： 什么是jQuery选择器 使用JavaScript操作页面上得DOM元素时，首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。 在jQuery中则完全不同，jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象，并且将对象以jquery对象的形式返回。 首先来看看什么是选择器。 //根据id获取jQuery对象 var jQueryObject=$("#testDiv");上例中使用...
首先看一下效果：就这么个意思，没截动图哈~ 轮播效果分析： 轮播效果大致可以分为3个部分：轮播图片（图片或者是包含容器），控制轮播图显示的按钮（向左、向右按钮，索引按钮(例如上面效果图的顶部的数字按钮)），每隔一段时间轮流显示轮播图片。 轮播图的显示：要显示的轮播图显示，不需要显示的轮播图隐藏；通常将这些轮播图片以定位的方式重叠在一起，每次显示一张轮播图片。 控制按钮：鼠标点击或者移到索引按钮上面时，显示...
jQuery是一个优秀的JavaScript库，它凭借简洁地语法和跨平台的兼容性，极大地简化了开发人员遍历HTML文档，操作DOM，处理事件，执行动画和开发Ajax操作。 jQuery优势： 1.轻量级 2.强大的选择器 3.出色的DOM操作的封装 4.可靠的事件处理机制 5.完善的Ajax 6.不污染顶级变量 7.出色的浏览器兼容性 8.链式操作方式 9.隐式迭代 10.行为层与结构层分离 11.丰富的插件支持 12.完善的文档 13.开源 （1）编写简单的jQuery代码: 注：$ 就是...
本文将通过一个实例来引出jQuery插件开发中的一些细节，首先介绍下jQuery插件开发的一些基础知识。 jQuery的插件开发主要分为两类： 1. 类级别，即在jQuery类本身上扩展方法，类似与 $.ajax，$.get 等。 2. 对象级别，这里所谓的对象是指通过jQuery选择器选中的jQuery对象，在该对象上添加方法。例如：$(div).css(), $(div).show() 等。 在实际开发中，我们通常选用对象级别的方法来开发插件，jQuery强大的选择器及对象操作是我们选...
jQuery的Ajax带来了无需刷新的web页面革命。这里就详细介绍一下jQuery所涉及到的Ajax操作。（无需特殊说明，均需要有服务器配置，这里本人用的是Tomcat 7） 1.基于请求加载文件数据 这里的请求通常都是网页的某些操作，如点击等。 而其加载数据的类型归类为以下四种：a.加载HTML文件；b.加载JSON文件；c.加载Javascript文件；d.加载XML文件。 其对应的四种加载方法分别是：load、getJSON、getScript、get。 a.加载HTML文件 把编写好...