【jQuery - 1.简单的JQuery】的更多相关文章

jQuery - 1.简单的JQuery

1.简单的JQuery 2.jQuery对象(包装集).Dom对象 3.JQuery提供的函数 1.简单的JQuery $(document).ready(function () { alert("加载完毕!"); });//注册事件的函数,和普通的dom不一样,不需要在元素上标记on**这样的事件. //当页面Dom元素加载完毕时执行代码,可以简写为: $(function () { alert("加载完毕!"); }); 和onload类似,但是onload只能…

Jquery(一) 初识Jquery，简单使用Jquery。

距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和bootstrap这几个东西给记录一下,之前就学过,但是没记录下来,所以忘的很快,又没地方去复习,所以还是记录记录这些知识点.以便将来查看复习. --WH 一.什么是Jquery? 其实超级简单,不要把它想的太难了,Jquery就是一个js(javascript)类库. 1.1.什么是js类库? [JavaS…

Cropper – 简单的 jQuery 图片裁剪插件

Cropper 是一个简单的 jQuery 图像裁剪插件.它支持选项,方法,事件,触摸(移动),缩放,旋转.输出的裁剪数据基于原始图像大小,这样你就可以用它们来直接裁剪图像. 如果你尝试裁剪跨域图像,请确保您的浏览器支持 HTML5 CORS 属性和图片服务器支持 Access-Control-Allow-Origin 选项.这些浏览器测试通过:Chrome, Firefox, Internet Explorer 8+,Opera, Safari. 在线演示      源码下载 您可能感兴趣的相…

jquery实现简单瀑布流布局（续）：图片懒加载

# jquery实现简单瀑布流布局(续):图片懒加载 这篇文章是jquery实现简单瀑布流布局思想的小小扩展.代码基于前作的代码继续完善. 图片懒加载就是符合某些条件时才触发图片的加载.最常见的具体表现就是,当页面被请求时,只加载可视区域的图片,其它部分的图片只占位而不加载,只有这些图片出现在可视区域时才会动态加载.具体实现的技术并不复杂,下面分别对其说明. ## 技术路线 怎么加载.首先未加载的图片有一个占位假图片(一般是loading),按照真实图片的大小进行样式化.网上较为常用的思路是对图…

jquery实现简单瀑布流布局

jquery实现简单瀑布流布局 是开头都会说的原理 瀑布流布局有两种,一种是固定列,一种是非固定列.在此主要记述第一种的实现. 固定列的特征是:无论页面如何缩放,每行的总列数都一致. 一行4列的瀑布流从布局的角度来说,就是4个li标签.通过一定的事件(比如滚动条滚动多少px),然后读取之,再把数据动态地添加到页面中. 添加数据原则,不是根据li索引值来加,而是根据各列中高度最短的的那列动态添加.否则可能导致页面很难看(左右高度不统一). 实例涉及ajax方法.可在服务器环境下运行. 废话不多说了…

简单的jquery拖曵原理js特效实例

<!DOCTYPE html> <html> <title>简单拖曵原理实例</title> <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"…

Javascript对象、Jquery扩展简单应用

Javascript对象,表现方式一: person = new Object(); person.firstname = "An"; person.lastname = "na"; person.age = 12; alert(person.age); Javascript对象,表现方式二: function person(firstname, lastname, age) { this.firstname = firstname; this.lastname =…

编写一个简单的Jquery插件

1.实现内容 定义一个简单的jquery插件,alert传递进来的参数 2.插件js文件(jquery.showplugin.js) (function ($) { //定义插件中的方法 var methods = { //Object showName: function (name) { alert('Name:' + name); }, showAge: function (age) { alert('Age' + age); } }; //method方法名 $.fn.showplugi…

Jquery实现简单的分页

转,Jquery实现简单的翻页功能 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq…

简单的JQuery top返回顶部

一个最简单的JQuery Top返回的代码,Mark一下: HTML如下: <div id="backtop"> <a href="javascript:;">TOP</a> </div> CSS样式:(随意修改样式) #backtop{ display: none; position: fixed; right: 50px; bottom: 110px; } #backtop a{ display: block; p…