正文
简单的jquery代码,jquery代码库
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
求一个jquery效果代码
1、jquery实现
div class="box" style="width: 100px;height: 80px;background: #999;"/div
$("div.box").click(function() {
var scale = 1.5; // 放大的倍数，0-1为缩小，大于1为放大
var speed = 500; // 动画执行的时间，单位：ms
var finalWidth = $(this).width() * scale;// 最终宽度
var finalHeight = $(this).height() * scale;// 最终高度
var mt = parseInt($(this).css("margin-top") == "auto" ? 0 : $(this).css("margin-top"));
var ml = parseInt($(this).css("margin-left") == "auto" ? 0 : $(this).css("margin-left"));
var wdv = (finalWidth - $(this).width()) / 2;
var hdv = (finalHeight - $(this).height()) / 2;
var finalMT = hdv 0 ? mt - hdv : mt + hdv;
var finalML = wdv 0 ? ml - wdv : ml + wdv;
// 动画显示
$(this).animate({
width : finalWidth,
height : finalHeight,
marginTop : finalMT,
marginLeft : finalML
}, speed);
});
// 亲自在chrome和IE8中试过，无问题，如果你放大的对象拥有position属性也不会有影响
2、如果你的浏览器支持css3，可以用transform实现，具体如下：
$("div.box").click(function() {
$(this).css({
"transform" : scale(1.5), // 1.5为放大的倍数
"-webkit-transform" : scale(1.5),
"-moz-transform" : scale(1.5)
});
});
当然你也可以事先在样式表中定义好样式，然后用addClass()追加即可。
相关问答
Q1: jQuery代码
$(document).ready(function(){ //页面加载完成后执行｛｝内的代码
$("p").click(function(){ //为每个p标签绑定一个点击事件
$(this).hide(); //点击后，隐藏这个p标签
});
});
Q2: JQUERY代码 请教,急急急.简单的
话说，你的代码有点小别扭
$(function(){
$('input[type=checkbox]').each(function(checkbox,index){
var c=101*index+405;
$(checkbox).click(function(){
$('.compare_tip').css('display','block').attr('style','display: block; position: absolute; top:'+c+'px; left: 125px;');
$(this).parent().parent().css('background','gray');
})
})
})
Q3: jquery怎么使用
jQuery是一款前端开发框架，jQuery使用的方法如下：
工具／原料：联想威6、win10 20H2、jQuery 3.5.1。
1、jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。
2、然后我们来开始编辑HTML界面代码。
3、如图，使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4、接着再书写一个script标签对，里面写上jQuery入口函数，这样，当我们的HTML加载完成之后就会执行我们的jQuery代码，入口函数写法有两种，function里面就是用来书写执行代码的。
5、如图，我就使用alert来在网页中弹出一个警告框。
6、这样，当我们运行我们的网页的时候，就会弹出一个窗口，里面有我们的警告内容。至此，jQuery也算简单的入门了解了。
Q4: jquery代码
大概看了一遍封装一个脚本 获取一些元素，当元素怎样时增加一些定位和隐藏！
;(function(a){//封装jq写法
a.fn.extend({//定义a脚本
actual:function(b,l){//定义a.actual 带变量b,1
if(!this[b]){//如果不存在这个b
throw'$.actual = The jQuery method "'+b+'" you called does not exist';
}//好像是抛出异常吧
var f={
absolute:false,clone:false,includeMargin:false
};//定义f
var i=a.extend(f,l);
var e=this.eq(0);var h,j;
if(i.clone===true){
h=function(){
var m="position: absolute !important; top: -1000 !important; ";
e=e.clone().attr("style",m).appendTo("body");};
j=function(){e.remove();
};
}else{
var g=[];
var d="";
var c;
h=function(){
c=e.parents().andSelf().filter(":hidden");
d+="visibility: hidden !important; display: block !important; ";
if(i.absolute===true){
d+="position: absolute !important; ";
}c.each(function(){
var m=a(this);
g.push(m.attr("style"));
m.attr("style",d);
});
};j=function(){
c.each(function(m){
var o=a(this);
var n=g[m];
if(n===undefined){
o.removeAttr("style");
}else{
o.attr("style",n);
}
});};}h(); var k=/(outer)/g.test(b)?e[b](i.includeMargin):e[b]();j();return k;}});})(jQuery);
Q5: 简单的jquery代码
这是封装好的json需要向后台传的值
json的格式为{key1:value1,key2:value2,key3:value3.........}中间用“，”隔开
后台获取key来都到value值
例：{suggest:txt}
这个json只有一个参数，参数名为suggest，值为txt也就是$("input").val()的值
这是jquery的ajax异步操作
我这样讲应该够清楚吧，望采纳……
