-
选择器[属性=值],例如$("li[title = 'value']") 也可以属性！=值，筛选不等于的情况 属性*=值，可以筛选属性中含有该值的情况，例如$("li[title*='a']")，只要title中含有a就可以被选出来查看全部
-
使用:button选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。查看全部
-
:image 选择器只能获取<input>图像域，而不能获取<img>格式的图像元素查看全部
-
:submit 选择器选取类型为 submit 的 <button> 和 <input> 元素。 如果 <button> 元素没有定义类型大多数浏览器会把该元素当作类型为 submit 的按钮。查看全部
-
元素ID或者元素本身后加上空格，表示在该元素底下进行选取查看全部
-
8、调用animate()方法制作移动位置的动画，调用animate()方法不仅可以制作简单渐渐变大的动画效果，而且还能制作移动位置的动画，在移动位置之前，必须将被移元素的“position”属性值设为“absolute”或“relative”，否则，该元素移动不了。 代码： $("span").animate({样式},时间,function(){ $(this).animate({样式},时间,function(){}) }) 9、调用stop()方法停止当前所有动画效果，stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画，它的调用格式为：$(selector).stop([clearQueue],[goToEnd])，其中，两个可选项参数clearQueue和goToEnd都是布尔类型值，前者表示是否停止正在执行的动画，后者表示是否完成正在执行的动画，默认为false。 10、调用delay()方法延时执行动画效果，delay()方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为：$(selector).delay(duration)，其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。 11、注意：“+=、-=”直接这样写即可。 代码： $("[value=左移]").click(function(){ $("div").animate({ 'margin-left':'-=50', },1000); }); $("[value=右移]").click(function(){ $("div").animate({ 'margin-left':'+=50', },1000); }); 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
4、使用slideToggle()方法实现图片“变脸”效果，使用slideToggle()方法可以切换slideUp()和slideDown()，即调用该方法时，如果元素已向上滑动，则元素自动向下滑动，反之，则元素自动向上滑动，格式为：$(selector).slideToggle(speed,[callback])，其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。 5、使用fadeIn()与fadeOut()方法实现淡入淡出效果，fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果，前者淡入隐藏的元素，后者可以淡出可见的元素，它们的调用格式分别为：$(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback])，其中参数speed为淡入淡出的速度，callback参数为完成后执行的回调函数名。 6、使用fadeTo()方法设置淡入淡出效果的不透明度，调用fadeTo()方法，可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值，该方法的调用格式为：$(selector).fadeTo(speed,opacity,[callback])，其中speed参数为效果的速度，opacity参数为指定的不透明值，它的取值范围是0.0~1.0，可选项参数callback为效果完成后，回调的函数名。 7、调用animate()方法制作简单的动画效果，调用animate()方法可以创建自定义动画效果，它的调用格式为：$(selector).animate({params},speed,[callback])，其中，params参数为制作动画效果的CSS属性名与值，speed参数为动画的效果的速度，单位为毫秒，可选项callback参数为动画完成时执行的回调函数名。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
1、调用show()和hide()方法显示和隐藏元素，show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为：$(selector).hide(speed,[callback])和$(selector).show(speed,[callback])，参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名。 2、调用toggle()方法实现动画切换效果，第一节我们学过实现元素的显示与隐藏需要使用hide()与show()，那么有没有更简便的方法来实现同样的动画效果呢？调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素，它的调用格式是：$(selector).toggle(speed,[callback])，其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。 3、使用slideUp()和slideDown()方法的滑动效果，可以使用slideUp()和slideDown()方法在页面中滑动元素，前者用于向上滑动元素，后者用于向下滑动元素，它们的调用方法分别为：$(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback])，其中speed参数为滑动时的速度，单位是毫秒，可选项参数callback为滑动成功后执行的回调函数名。注意：slideDown()仅适用于被隐藏的元素；slideup()则相反。补充：滑动与淡入淡出的区别：滑动改变元素的高度，淡入淡出改变元素的透明度。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下： jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get。查看全部
-
使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下： $(selector).serialize()查看全部
-
9、下拉列表框的change事件，当一个元素的值发生变化时，将会触发change事件，例如在选择下拉列表框中的选项时，就会触change事件。 代码： $("#seltest").bind("change",function () { if ($(this).val() == "苹果") $(this).css("background-color", "red"); else $(this).css("background-color", "green"); }) 10、调用live()方法绑定元素的事件，与bind()方法相同，live()方法与可以绑定元素的可执行事件，除此相同功能之外，live()方法还可以绑定动态元素，即使用代码添加的元素事件，格式如下：$(selector).live(event,[data],fun)，参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 代码： $("#btntest").live("click mouseout",function () { $(this).attr("disabled", "true"); }) $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了' />"); 解析：所谓的动态，虽然按钮元素是在事件绑定声明之后，并且是通过追加的方式添加至页面的，但由于使用的是live()方法绑定元素的事件，因此，仍然生效。注意：从 jQuery 1.7 开始，不再建议使用 .live() 方法。1.9不支持.live()。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
7、调用trigger()方法手动触发指定的事件，trigger()方法可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事件，总之，该事件必须能执行，它的调用格式为：$(selector).trigger(event)，其中event参数为需要手动触发的事件名称。 $(function () { $("div").bind("change-color1", function () {//类似自定义事件并绑定 $(this).addClass("color"); }); $("div").trigger("change-color1");//触发事件 }); 8、文本框的focus和blur事件，focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。 代码： $("input") .bind("focus", function () { $("div").html("请输入您的姓名！"); }) $("input").bind("blur", function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空！"); }) 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
5、使用unbind()方法移除元素绑定的事件，unbind()方法可以移除元素已绑定的事件，它的调用格式如下：$(selector).unbind(event,fun)，其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。 代码： $("div").bind("click", function () { $(this).removeClass("backcolor").addClass("color"); }).bind("dblclick", function () { $(this).removeClass("color").addClass("backcolor"); }) $("#btntest").bind("click", function () { $("div").unbind("dblclick click"); $(this).attr("disabled", "true"); }); 6、使用one()方法绑定元素的一次性事件，one()方法可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次，它的调用格式如下： $(selector).one(event,[data],fun)，参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
1、页面加载时触发ready()事件，ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的：$(document).ready(function(){})等价于$(function(){});。 2、使用bind()方法绑定元素的事件,bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下：$(selector).bind(event,[data] function)，参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。 代码： $("#btntest").bind("click mouseout", function () { $(this).attr("disabled", "true"); }) 3、使用hover()方法切换事件，hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下：$(selector).hover(over，out);over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。 4、使用toggle()方法绑定多个函数，toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下：$(selector).toggle(fun1(),fun2(),funN(),...)，其中，fun1，fun2就是多个函数的名称。 代码： $("#btntest").bind("click", function () { $("div").toggle();//显示或隐藏 }) 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
调用load()方法加载服务器文件 http://www.imooc.com/data/fruit_part.html 中全部的li元素内容。查看全部
举报
0/150
提交
取消