jq基础事件

( f u n c t i o n ( (function( (function(){}); 简写的 jquery 页面加载事件
$("*").css(“border”, “2px solid #00ff21”);更该目标 css样式
$(“li”).css({ “font-size”: 24, “background”: “#900” });//同时设置字体大小和背景色
对象的转换
var $div = $(‘div’) //jQuery对象
var div = d i v [ 0 ] = = div[0] == div[0]==div.get(0)//转化成DOM对象
trim()
$("#匹配的元素“). append (“要添加的内容”) append:向匹配的元素添加内容
$(“

你好啊!

”) . appendTo (“匹配的元素”);添加一个p标签且添加文字 你好啊!
把内容追加到匹配的元素中 追加就是在元素后面添加
添加的内容可以为任何:添加一张图片 并且设置宽高为200px
( f u n c t i o n ( (function ( (function() {
$(“div”).append(“ 你好?!”);
$("

").appendTo(“div”);
});


Jquery 鼠标事件书写格式
$(“button:eq(0)”).click(function () {
alert(“jQuery鼠标事件之click单击事件”);
});
:eq() 同 :nth() 用下标在集合中锁定元素
两种写法
  1. (“button:eq(0)”);
    (”button”).eq(0);

dblclick双击事件
mouseover移入
mouseout移出
mousedown 鼠标指针移动到元素上方,并按下鼠标按键时,会发生事件。
blur()元素失去焦点发生的事件
focus() 当元素获得焦点时,触发事件。
$(this).addClass(“setBorder”); 个当前元素添加一个 值为setBorder 的类名addClass:添加一个类名
removeClass 删除一个类名 属性方法同上

action向何处提交表单两种类型 1绝对 URL action=www.example.com/example.htm 2 相对 URL (1) url: "{controller}/{action}/{id}", /控制器的名称/函数名?变量1=值1&变量=值2 两种类型 1.post:一般使用这个 2.get: 它会把我们的参数暴露在URL中,这是很危险的。 value:可以理解为按钮中的提示内容 .keyup()键盘弹起事件; Keydown()键盘按下事件; Text 设置文本内容 $(".target2").keyup(function (e) { $("em:eq(1)").text(e.target.value); }); hide(【动画速度】,【切换效果】,【动画完成后执行的函数】)隐藏元素 show(【动画速度】,【切换效果】,【动画完成后执行的函数】)显示元素 toggle()上两种方法的结合 元素隐藏时显示,元素显示时隐藏; slideDown([speed速度],[easing效果],[fn函数]) fadeOut(speed,easing,fn)元素淡入方法 dadeln(speed,easing,fn)元素淡出方法 fadeToggle(speed,easing,fn)元素淡入淡出 fadeTo(speed,透明度(0-1))改变元素透明度 .animate( properties ,[ duration ], [ easing ], [ complete ] ) properties:一个或多个css属性的键值对所构成的Object对象 duration:动画执行的时间,持续时间是以毫秒为单位的;值越大表示动画执行的越慢,不是越快。还可以提供 'fast' 和 'slow'字符串,分别表示持续时间为200 和 600毫秒。 easing动画运动的算法 complete:动画完成时执行的函数 $demo.animate({ 直接设定固定值 width: 350, height: 300, },3000); 在原基础上宽+100px高减少100px width: "+=100px", height:"-=100px" stop() 停止当前动画 stop(true) 停止所有动画 stop(true,true) 直接跳过动画过程显示完成效果 $.each(arr, function(index(命名), value(命名)) { index是索引,也就是数组的索引 value就是数组中的值了 }); each就是for循环方法的一个包装 用此方法 获取数组可以得到索引值和值 对象可以获取属性名和值 //创建字符串数组 var arr = ["小z", "小m", "小j"]; $.each(arr,function (cht, zmj) { document.write("索引:" + cht + "; 值:" + zmj + "
"); }); //创建对象(json格式) var person = { "?": "", "age": "23", "sex": "女" }; $.each(person, function (property(属性命名), value(值命名)) { document.write("json格式属性名=" + property + "; json格式属性值=" + value + "
"); }); inArray()查找指定内容在数组中的索引没有返回则 -1 var num = $.inArray(3, inArr(集合名));返回3所在集合中的索引 jQuery.inArray( value(指定内容值), array(要查找的数组名) ,[ fromIndex(查找的起始值)] ) index方法获取jQuery中DOM的元素 index(可以是对象,数组,元素, 空)空:返回这个元素在同辈中的索引位置。 $('#bar').index('li'); //传递一个选择器,返回#bar在所有li中的索引位置 $('li').index($('li:eq(0)'));传递一组对象,返回对象中第一个元素在原先集合中的索引位置 var returns = $('li:gt(1)').index();gt:匹配大于所给索引值的元素
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值