jQuery基础课程_技术问答

首页免费课 jQuery基础课程问答

jQuery基础课程

                
                陶老实
            其它

                    查看讲师更多课程 
                    陶老实讲师的其他课程
                
jQuery基础(五)一Ajax应用与常用插件
中级·69094
免费课程
                                
                难度初级
            
                时长 9小时58分
            
                学习人数
            
综合评分9.23
                            402人评价
                        查看评价
                                9.6
                                内容实用
                            
                                9.2
                                简洁易懂
                            
                                8.9
                                逻辑清晰

全部评论问答未解决精华

枫小生

toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下：
$(selector).toggle(fun1(),fun2(),funN(),...)
其中，fun1，fun2就是多个函数的名称

1 6-4 使用toggle()方法绑定多个函数

2015-11-04

枫小生

hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下：
$(selector).hover(over，out);
over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。

0 6-3 使用hover()方法切换事件

2015-11-04

枫小生

bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下：
$(selector).bind(event,[data] function)
参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。

1 6-2 使用bind()方法绑定元素的事件

2015-11-04

枫小生

ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的：
$(document).ready(function(){})等价于$(function(){});

0 6-1 页面加载时触发ready()事件

2015-11-04

枫小生

remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。

0 5-12 使用remove()和empty()方法删除元素

2015-11-04

枫小生

使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为：
$(selector).each(function(index))
参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。

1 5-11 使用each()方法遍历元素

2015-11-04

枫小生

wrap()和wrapInner()方法都可以进行元素的包裹，但前者用于包裹元素本身，后者则用于包裹元素中的内容，它们的调用格式分别为：
$(selector).wrap(wrapper)
$(selector).wrapInner(wrapper)
参数selector为被包裹的元素，wrapper参数为包裹元素的格式。

0 5-10 使用wrap()和wrapInner()方法包裹元素和内容

2015-11-04

枫小生

replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容，但它们调用时，内容和被替换元素所在的位置不同，分别为如下所示：
$(selector).replaceWith(content)和$(content).replaceAll(selector)
参数selector为被替换的元素，content为替换的内容。

0 5-9 替换内容

2015-11-04

枫小生

调用clone()方法可以生成一个被选元素的副本，即复制了一个被选元素，包含它的节点、文本和属性，它的调用格式为：
$(selector).clone()
其中参数selector可以是一个元素或HTML内容。

0 5-8 使用clone()方法复制元素

2015-11-04

枫小生

使用before()和after()方法可以在元素的前后插入内容，它们分别表示在整个元素的前面和后面插入指定的元素或内容，调用格式分别为：
$(selector).before(content)
$(selector).after(content)
其中参数content表示插入的内容，该内容可以是元素或HTML字符串。

0 5-7 使用before()和after()在元素前后插入内容

2015-11-04

枫小生

appendTo()方法也可以向指定的元素内插入内容，它的使用格式是：
$(content).appendTo(selector)
参数content表示需要插入的内容，参数selector表示被选的元素，即把content内容插入selector元素内，默认是在尾部。

0 5-6 使用appendTo()方法向被选元素内插入内容

2015-11-04

枫小生

append(content)方法的功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。

0 5-5 使用append()方法向元素内追加内容

2015-11-04

枫小生

使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能，前者方法中参数表示移除属性名，后者方法中参数则表示移除的样式名

2 5-4 移除属性和样式

2015-11-04

枫小生

通过addClass()和css()方法可以方便地操作元素中的样式，前者括号中的参数为增加元素的样式名称，后者直接将样式的属性内容写在括号中。

0 5-3 操作元素的样式

2015-11-04

枫小生

使用html()和text()方法操作元素的内容，当两个方法的参数为空时，表示获取该元素的内容，而如果方法中包含参数，则表示将参数值设置为元素内容。

0 5-2 操作元素的内容

2015-11-04

首页上一页 249 250 251 252 253 254 255 下一页尾页

该课程已下架

课程须知: 您需要知道HTML、JavaScript和CSS样式的基础语法，并能使用这些语法构建一个DIV+CSS结构页的完整过程。

老师告诉你能学到什么？: 通过本课程的学习，您可以由浅入深地全面了解jQuery框架的基础知识，掌握并使用jQuery操控DOM元素的方法与技巧，深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础课程