-
对话框插件——dialog 对话框插件可以用动画的效果弹出多种类型的对话框,实现JavaScript代码中alert()和confirm()函数的功能,它的调用格式为: $(selector).dialog({options}); selector参数为显示弹出对话框的元素,通常为<div>,options参数为方法的配置对象,在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等。查看全部
-
面板折叠插件——accordion 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果,即点击标题时展开内容,再点另一标题时,关闭已展开的内容,调用格式如下: $(selector).accordion({options}); 其中,参数selector为整个面板元素,options参数为方法对应的配置对象。查看全部
-
选项卡插件——tabs 使用选项卡插件可以将<ul>中的<li>选项定义为选项标题,在标题中,再使用<a>元素的“href”属性设置选项标题对应的内容,它的调用格式如下: $(selector).tabs({options}); selector参数为选项卡整体外围元素,该元素包含选项卡标题与内容,options参数为tabs()方法的配置对象,通过该对象还能以ajax方式加载选项卡的内容。查看全部
-
拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素(例如<option>、<li>)按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能,它的调用格式为: $(selector).sortable({options}); selector参数为进行拖曳排序的元素,options为调用方法时的配置对象,查看全部
-
放置插件——droppable 除使用draggable插件拖曳任意元素外,还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中,类似购物车效果,调用格式如下: $(selector).droppable({options}) selector参数为接收拖曳元素,options为方法的配置对象,在对象中,drop函数表示当被接收的拖曳元素完全进入接收元素的容器时,触发该函数的调用。查看全部
-
拖曳插件——draggable 拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下: $(selector). draggable({options}) options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果,如“containment”属性指定拖曳区域,“axis”属性设置拖曳时的坐标方向。查看全部
-
$(“*”)全部选择器!包括<head>、<body>、<script>这些元素 由于该选择器的特殊性,它常与其他元素组合使用,表示获取其他元素中的全部子元素。 如:$("div *")就是选择所有div元素下面的全部子元素 $("form #button1").attr("disable","true");就将form里id为button1的元素设置为不可用查看全部
-
var $redHTML = $(".red").html(); 定义一个叫redHTML的变量,将className为red的html内容赋值给它 $(".green").html($redHTML); 获取className为green的元素,并将HTML内容设置为redHTML查看全部
-
$(“element”)相当于获取tagname $("button").attr("disabled","true");获取属性值,disable设置为不可用,按钮会灰掉查看全部
-
$("#my_id") 通过id来获取元素 其中#my_id表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素。 html()方法的功能是设置或获取元素中显示的内容,类似于innerHTML查看全部
-
jQuery本身就是JavaScript,只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库! $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。查看全部
-
环境搭建 搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行。 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.8.2版。 引入jQuery文件库 下载完jQuery框架文件后,并不需要任何的安装,仅需要使用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载后保存在项目文件夹Jscript中,那么,在页面的<head></head>中加入如下代码: <script language="javascript" type="text/javascript" src="jquery-1.8.2.min.js"></script> 或者直接使用网上的jQuery文件框架,如: <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>查看全部
-
list-style-type: none;可以对标签符号li进行掩藏!查看全部
-
9-1 表单验证插件—— $(form).validate({options}) 9-2 表单插件—— $(form).ajaxForm({options}) 9-3 图片灯箱插件—— $(linkimage).lightBox({options}) 9-4 图片放大镜插件—— $(linkimage).jqzoom({options}) 9-5 cookie插件—— 保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null) 9-6 搜索插件—— $(textbox).autocomplete(urlData,[options]); 9-7 右键菜单插件—— $(selector).contextmenu(menuId,{options}); 9-8 自定义对象级插件—— $(Id).focusColor(color) 9-9 自定义类级别插件—— $.addNum(p1,p2) 和 $.subNum(p1,p2)查看全部
-
自定义类级别插件—— twoaddresult 通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为: $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。查看全部
举报
0/150
提交
取消