-
$(selector).after(content)在selector之后加入内容，将解析文本内容以html形式显示。 $(selector).before(content) 与append区别查看全部
-
$(selector).after(content)在selector之后加入内容，将解析文本内容以html形式显示。 $(selector).before(content) 与append区别查看全部
-
$(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。查看全部
-
使用slideUp()和slideDown()方法的滑动效果 可以使用slideUp()和slideDown()方法在页面中滑动元素，前者用于向上滑动元素，后者用于向下滑动元素，它们的调用方法分别为： $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度，单位是毫秒，可选项参数callback为滑动成功后执行的回调函数名。 要注意的是：slideDown()仅适用于被隐藏的元素；slideup()则相反。 例如，调用slideUp()和slideDown()方法实现页面中元素的向上和向下的滑动效果，如下图所示： 在浏览器中显示的效果： 从图中可以看出，根据按钮中显示的内容，分别调用slideUp()和slideDown()方法，实现图片元素向上和向下的滑动效果，当每个滑动效果完成时，再通过回调函数改变按钮中显示内容。 滑动与淡入淡出的区别：滑动改变元素的高度，淡入淡出改变元素的透明度。查看全部
-
<body> <div id="divtest"> <div class="title"> <span class="fl">我最喜欢的一项运动</span> <span class="fr"> <input id="btnShow" type="button" value="加载" /> </span> </div> <ul></ul> </div> <script type="text/javascript"> $(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>"); }); }); }) }); </script> </body>查看全部
-
$(content).appendTo(selector)--content是要插入的内容，selector是要插入的位置的元素查看全部
-
调用toggle()方法实现动画切换效果 第一节我们学过实现元素的显示与隐藏需要使用hide()与show()，那么有没有更简便的方法来实现同样的动画效果呢？ 调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素，它的调用格式是： $(selector).toggle(speed,[callback]) 其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。 例如，调用toggle()方法以动画的效果显示和隐藏图片元素，如下图所示： 在浏览器中显示的效果： 从图中可以看出，当按钮显示内容为“隐藏”时，点击该按钮，将调用toggle()方法以动画的方式隐藏图片元素，隐藏成功后，按钮显示的内容变为“显示”。查看全部
-
append(content)--追加内容 被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。查看全部
-
removeAttr()移除属性；removeClass("blue white")移除样式查看全部
-
.addClass("blue white")--多个样式用空格隔开； $("#content").css({"background":"#ff0000","color":"White"});查看全部
-
页面加载时触发ready()事件 ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){}); <body> <h3>页面载入时触发ready()事件</h3> <div id="tip"></div> <input id="btntest" type="button" value="点下我" /> <script type="text/javascript"> $(document).ready(function (){ $("#btntest").bind("click", function () { $("#tip").html("我被点击了！"); }); }); </script> </body>查看全部
-
html(),text()若括号里的内容为空，则获取该元素的内容，若不为空，则设置内容为括号内的。 注意： html()获取元素的HTML内容连格式一起获取，text()仅获取文本内容。查看全部
-
attr(属性名)--获取属性值 attr(属性名，属性值)--设置属性值查看全部
-
使用remove()和empty()方法删除元素 remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。 <body> <h3>使用empty()方法删除元素</h3> <span class="green">香蕉</span> <span class="green">桃子</span> <span class="green">葡萄</span> <span class="green">荔枝</span> <script type="text/javascript"> $("span").empty(); </script> </body> $("span").remove(".red");查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index)) 参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。 <body> <h3>使用each()方法遍历元素</h3> <span class="green">香蕉</span> <span class="green">桃子</span> <span class="green">葡萄</span> <span class="green">荔枝</span> <script type="text/javascript"> $("span").each(function (index) { if (index == 1) { $(this).attr("class", "red"); } }); </script> </body>查看全部
举报
0/150
提交
取消