-
下拉列表框的change事件 当一个元素的值发生变化时，将会触发change事件，例如在选择下拉列表框中的选项时，就会触change事件。 注意：是元素的值发生变化，即value发生变化。 $(function () { $("select").bind("change", function () { if ($(this).val() == "苹果") $(this).css("background-color", "red"); else $(this).css("background-color", "green"); }); $("#test").bind("change",function(){ $(this).val("字体改变了！"); }); $("textarea").bind("change",function(){ $(this).val("字体改变了！"); });//注意要使用.val()，用.html()或.text()没效果 }); 注意<textarea>，若使用change事件，用val改变其值。查看全部
-
文本框的focus和blur事件 focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。 $(function () { $("input") .bind("focus", function () { $("div").html("请输入您的姓名！"); }) .bind("blur", function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空！"); }) }); 注意：.val()获取value属性。查看全部
-
调用trigger()方法手动触发指定的事件 trigger()方法可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事件，总之，该事件必须能执行，它的调用格式为： $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。 注意：bind()中event可以自定义。 $(function () { $("div").bind("change-color", function () { //自定义event $(this).addClass("color"); }); $("div").trigger("change-color"); });查看全部
-
使用one()方法绑定元素的一次性事件 one()方法可以绑定元素任何有效的事件但这种方法绑定的事件只会触发一次它的调用格式如下 $(selector).one(event,[data],fun) 参数event为事件名称data为触发事件时携带的数据fun为触发该事件时执行的函数。 与bind(event,[data],fun)类似但只能出发一次。 $(function () { var intI = 0; $("div").one("click", function () { intI++; $(this).css("font-size", intI + "px"); }) });查看全部
-
live会等到整个都加载了，才开始执行，bind是从上到下开始执行的~一般，用bind就差不多了查看全部
-
首先为div绑定一个事件“change-color”，那么我们首先要了解change-color是什么意思，顾名思义就是选择颜色的意思，当然这个事件是自定义的，也就是为div绑定了一个自定义change-color的自定义事件，那么这个事件什么作用呢，从后面的函数我们可以看到，$(this).addClass("color");就是给这个div添加了一个颜色class类。 当然本身是这个自定义事件本身是没有触发的功能的，所以通过trigger这个方法，就被触发了，所说的手动触发，意思是需要你手动填写一段代码，它才会触发，而不是说你拿着鼠标点那个触发。查看全部
-
5-6查看全部
-
toggle（）本身就是对元素显示的切换，不用再加hide（）或者show（）的，直接用$("div").toggle(）就好啦。而且你点击了一下子执行两个函数，又显示又隐藏的，肯定没反应，而且这样代码不精简。查看全部
-
与get()方法相比，post()方法多用于以POST方式向服务器发送数据，服务器接收到数据之后，进行处理，并将处理结果返回页面，调用格式如下： $.post(url,[data],[callback]) 参数url为服务器请求地址，可选项data为向服务器请求时发送的数据，可选项callback参数为请求成功后执行的回调函数。查看全部
-
使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据，它的调用格式如下： $.get(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。查看全部
-
使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件，它的调用格式如下所示： jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。查看全部
-
使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为： jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); $.each(data, function (index, sport) { if(index==3) $("ul").append("<li>" + sport["name"] + "</li>"); }); }); }) }); 其中，url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。查看全部
-
使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。查看全部
-
delay()方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为： $(selector).delay(duration) 其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。查看全部
-
stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画，它的调用格式为： $(selector).stop([clearQueue],[goToEnd]) 其中，两个可选项参数clearQueue和goToEnd都是布尔类型值，前者表示是否停止正在执行的动画，后者表示是否完成正在执行的动画，默认为false。查看全部
举报
0/150
提交
取消