调用名为$.extend
的工具函数,可以对原有的工具函数进行扩展,自定义类级别的jQuery插件,调用格式为:
$.extend ({options});
参数options表示自定义插件的函数内容。
$.param (obj);
参数obj表示需要进行序列化的对象,该对象也可以是一个数组,整个函数返回一个经过序列化编码后的字符串。
$.trim (str);
参数str表示需要删除左右两边空格符的字符串
$(selector).ajaxStart(function())
和$(selector).ajaxStop(function())
得到JSON对象后遍历数据:
$.each(data,function(index,sport){
......sport["name"]....
}
$.extend()合并对象时,当后者属性和前者属性相同时会覆盖前者,并且会把自己有,前者没有的属性加给前者。这个过程中后者的所有属性都不会改变。
autoOpen 初始化之后,是否立即显示对话框,默认为 true
modal 是否模式对话框,默认为 false
closeOnEscape 当用户按 Esc 键之后,是否应该关闭对话框,默认为 true
draggable 是否允许拖动,默认为 true
resizable 是否可以调整对话框的大小,默认为 true
title 对话框的标题,可以是 html 串,例如一个超级链接。
position 用来设置对话框的位置,有三种设置方法
autoOpen 初始化之后,是否立即显示对话框,默认为 true
modal 是否模式对话框,默认为 false
closeOnEscape 当用户按 Esc 键之后,是否应该关闭对话框,默认为 true
draggable 是否允许拖动,默认为 true
resizable 是否可以调整对话框的大小,默认为 true
title 对话框的标题,可以是 html 串,例如一个超级链接。
position 用来设置对话框的位置,有三种设置方法
对话框的事件:
create
open
focus
dragStart
drag
dragStop
resizeStart
resize
resizeStop
beforeClose
close
a标签中的href是点击放大展现的时候才需要调用的,img中的src标签是图片最开始呈现的时候使用的
调用名为$.trim
的工具函数,能删除字符串中左右两边的空格符,但该函数不能删除字符串中间的空格.
(1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/2
each() 方法为每个循环匹配到的元素规定要运行的函数。
提示:返回 false 可用于及早停止循环。
$(selector).each(function(index,element))
html() 方法返回或设置被选元素的内容 (inner HTML)。
如果该方法未设置参数,则返回被选元素的当前内容。
?????
?????
注意一下29行的data是post上去的数据,31行function(data) 里的data是从服务器传输回来的。
selector参数为菜单列表中最外层<ul>元素,options为menu()
方法的配置对象。
selector参数为显示弹出对话框的元素,通常为<div>,options参数为方法的配置对象,在对象中可以设置对话框类型、“确定”“取消”按钮执行的代码等
自定义的lifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色
在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()
方法,显示与小图片相同的大图片区域,从而实现放大镜的效果
if ($.support.boxModel)为什么没有比较
不能理解为什么通过$(this)
方式获取“回收站”元素本身
Spinner运行失败
https://www.jquery123.com/bind/
<script>
$("p").bind("myCustomEvent", function (e, myName, myValue) {
$(this).text(myName[1] + ", hi there!");
$("span").stop().css("opacity", 1)
.text("myName = " + myName)
.fadeIn(30).fadeOut(1000);
});
$("button").click(function () {
$("p").trigger("myCustomEvent", ["John"],['16']);//自定义事件
});
</script>
<script>
$(function(){
//首先定义全局JSON对象数组
var students=[{name:"zhansan",age:18},{name:"lisi",age:20},{name:"maliang",age:19}];
//初始化遍历,students是要遍历的对象的名字,function中第一个参数index是索引,每次+1递增, // 第二个参数item是数组中每个对象本身
$.each(students,function(index,item){
if(index<students.length){ //在此判断当前的index值和数组长度,可以避免点击事件后,
//触发连续append操作
$("#st").append("<li> 姓名是:"+item.name+" ,年龄:"+item.age+"</li>");
}
});
$("#btn").click(function(){
alert("ok");
$("#dv2").hide();
});
});
</script>
</head>
<body>
<div>
<input type="button" id="btn" value="显示学生信息" />
<ul id="st"></ul>
</div>
<div id="dv2">
<span>中国</span>
</div>
</body>
</html>
margin的百分比是相对于width的百分比,即在W3C盒模型下是相对于content的,而在IE盒模型下相对于border。css3中可用属性boxSizing来自定义width。分别用content-sizing和border-sizing来定义
字符转换
https://r12a.github.io/apps/conversion/
my (x, y) at (x, y)
我的某个位置在相对结点的某个位子
例如
{my:'right bottom', at:'center center'}
可以解释为
我的右下角在相对结点的中心
my或者at中任何一个值没有给出的话都会自动设置成默认值center。
https://www.runoob.com/jqueryui/api-sortable.html