-
function(){ $(this).hide(); },function(){ $(this).show(); }查看全部
-
使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值 $.ajax( { url:服务器请求的路径 data:请求时传递的数据 dataType:服务器返回的数据类型 type: 为发送数据请求的方式，默认为get，还可以post success:请求成功的执行的回调函数 } )查看全部
-
<!DOCTYPE html> <html> <head> <title>*选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <form action="#"> <input id="Button1" type="button" value="button" /> <input id="Text1" type="text" /> <input id="Radio1" type="radio" /> <input id="Checkbox1" type="checkbox" /> </form> </body> <script type="text/javascript"> $("form *").attr("disabled", "true"); </script> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>.class选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <div class="red">立正，向我这边看齐</div> <div class="green">我先歇歇脚</div> </body> <script type="text/javascript"> var $redHTML = $(".red").html(); $(".green").html($redHTML); //$(".green").css("color":"red"); </script> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>element选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <button id="btntest">点我</button> </body> <script type="text/javascript"> $("#btntest").attr("disabled","true"); </script> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>#id选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <div id="divtest">div的内容</div> <div id="default"></div> </body> <script type="text/javascript"> $("#default").html($("#divtest").html()+"复制成功"); </script> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>#id选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <div>div的内容</div> <div id="hello">Hello world!</div> </body> <script type="text/javascript"> $("div").hide(); $("div").show(); $("#hello").html("Hello iMooc!"); </script> </html>查看全部
-
:input前需要有空格查看全部
-
调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为： $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名。查看全部
-
$(function () { $("#btntest").bind("click mouseout", function () { $(this).attr("disabled", "true"); }) });bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下： $(selector).bind(event,[data] function) 参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。查看全部
-
<!DOCTYPE html> <html> <head> <title>获取浏览器名称和版本号</title> <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script> </head> <body> <div id="divtest"> <div class="title"> <span class="fl">获取浏览器名称和版本号</span> </div> <div class="content"></div> </div> <script type="text/javascript"> $(function () { var strTmp = "您的浏览器名称是："; if ($.browser.chrome) { //谷歌浏览器 strTmp += "Chrome"; } if ($.browser.mozilla) { //火狐相关浏览器 strTmp += "Mozilla FireFox"; } if ($.browser.msie) { //火狐相关浏览器 strTmp += "IE"; } strTmp += "<br /><br /> 版本号是：" + $.browser.version;//获取版本号 $(".content").html(strTmp); }); </script> </body> </html>查看全部
-
当页面的DOM框架完成加载后，便触发ready()事件，在该事件中，通过id号为“tip”的元素，调用html()方法在页面中显示一段字符 页面加载时触发ready()事件 ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){});查看全部
-
使用attr方法,取消id号为test的复选框选中状态代码为: D$("#test").attr("checked", false); 知识解析 取消它的选中状态应将选中状态设置为false查看全部
-
使用remove()和empty()方法删除元素 remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。使用remove(".red")方法只是把<span>元素中类别名为“red”的这部分元素给删除了。查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index)) 参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。index 可以省略或者自定义名称表示索引 其次函数中当前对象要使用 $(this)查看全部
举报
0/150
提交
取消