JQuery之初探

【JQuery之初探】的更多相关文章

Jquery VailDate初探

<!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> <title>测试</title> <…

在熟悉了插件开发的结构以后,自己尝试着做了一个稍微复杂一点的小功能:图片轮播插件. 由于之前使用的一款图片轮播插件,性能不高,页面加载的时候需要载入全部的图片,因此速度很慢. 通过自己做这个小插件,能控制一下图片的加载,每次只加载一张图片.当然翻转的特效肯定没有人家的绚丽. 之前尝试了在div中内嵌img标签的方式,但是左右两侧的翻页按钮不容易摆放,于是采用了3个div的方式,最外面一个大的div,背景图片为照片图片,其中左右各两个小div,放翻页按钮. 由于开始的时候需要频繁调样式,因此大di…

JQuery插件开发初探——结构熟悉

工作之余,对Jquery插件做了一点尝试,想着之前总用别人写的插件,自己要是也写一个用岂不是很cool.于是说干就干,动手开始写. 首先是模仿,从一个简单的功能进行入手,了解一下插件开发的流程和结构. 第一个尝试是做一个表格的隔行变色插件,相对简单. 首先是基本的框架结构: 自己的插件要定义在自己的命名空间中,不污染全局的命名空间,因此最外层应该是这样的结构: (function ($) { })(jQuery); 由于这种类型的插件是建立在对已有元素的功能扩展,因此大体格式如下: functi…

软考过后又进入了紧张的B/S学习阶段,因为自己的进度比較慢,所以更要加进学习.如今就来总结下JQuery的一些基础知识: JQuery定义 jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作.其宗旨是--WRITE LESS,DO MORE,写更少的代码,做很多其它的事情. JQuery特点 1.以强大的CSS选择器为基础,差点儿全部的操作都先使用选择器查找DOM对象,然后对其进行各种操作. 2.屏蔽浏览器差异,对DOM的操作提供了方便的扩展,易用的…

Jquery DataTable初探

最近在做公司的后台模版,表格渲染都是用的datatable,现在来总结一下常用用法. datatable中文网参考链接配置介绍 1. "aLengthMenu": [ [5, 15, 20, 100, -1], [5, 15, 20, 100, "All"] ], 对应是每页展示的数量,至于为什么写两个,暂时没有搞懂 2. TableTools是一个对table内的数据进行复制.保存(xls.pdf等)等操作的Jquery DataTables扩展控件 3. &q…

jQuery插件开发初探

最简单的插件 $.fn.changeStyle = function (colorStr) { $(this).css('color',colorStr); } 应用如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8" /> <title>jquery插件开发</title> </head> <bod…

jquery用法初探

JQuery选择器 JQuery选择器用于查找满足条件的元素,比如可以用$(“#控件Id”)来根据控件id获得控件的jQuery对象,相当于getElementById: 1.id 选择器 $(“#div1”).html(“<font color=red>hello</font>”).语法.意义类似于CSS选择器 2.标签选择器 $("TagName")来获取所有指定标签名的jQuery对象,相当于getElementsByTagName: $(funct…

JS组件系列——使用HTML标签的data属性初始化JS组件

前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就需要js的初始化,所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码,看着很闹心.于是想起bootstrap table里面的data属性来,如果能够直接在html里面使用data-*这种方式来初始化简单的组件,那该多爽.我们先来看看bootstrap table的…

jQuery初探 jQuery选取和操纵元素的特点

jQuery初探 jQuery选取和操纵元素的特点 JavaScript选取元素先来看看不用jQuery的时候我们是怎么处理元素选取的. JavaScript选取元素的时候,可以根据id获取元素,当id不存在的时候,结果为null,并且console会报脚本执行错误. 所以一般的做法是先用一个if判断该元素存在. 比如: <body> <a>click me</a> <script type="text/javascript"> //…

初探jquery.slimscroll.js和iscroll5.js

网上关于实现各种滚动效果的插件不胜枚举,这里,我简单介绍一下自己用过的两款比较有代表性的插件: 1.jquery.slimscroll.js,需要先引入jquery类库,主要用于模拟传统的浏览器滚动条(竖向),将要设置的内容外加div元素(可以取id为wrapper)包裹,然后在$(function(){})中进行实例化的参数设置: var myScroll=$("#wrapper").slimScroll({ // width:"300px",//容器宽度度 he…