为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • jQuery getJSON方法分析参考: http://www.cnblogs.com/jams742003/archive/2009/12/25/1632276.html
    查看全部
  • remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。
    查看全部
  • 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。
    查看全部
  • prev + next选择器:获取<p>元素最近邻的下一个元素 $('p+label') 获取p最紧邻的lable
    查看全部
  • 1、 minChars (Number) 在触发autoComplete前用户至少需要输入的字符数,Default:1,如果设为0,在输入框内双击或者删除输入框. 2、formatItem (Function) 为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中.Autocompleter会提供三个参数(row, i, max): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数.Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值. 3、 formatMatch (Function) 对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值row 4、formatResult (Function) 和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,表示要么是只有数据,要么是使用formatItem提供的值.
    查看全部
  • formatItem (Function) 为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中.Autocompleter会提供三个参数(row, i, max): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数.Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值. formatResult (Function) 和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,表示要么是只有数据,要么是使用formatItem提供的值. formatMatch (Function) 对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值row
    查看全部
  • 实现界面: (1)为了显示当前的在线人员信息,进入聊天室时,必须先进行登录,保存登录用户的基本信息。 (2)用户在登录聊天室时,调用jquery中Ajax的全局函数$.ajax(),将获取的用户名与密码数据向数据器发送请求,并使用全局的ajaxStart()与ajaxStop()事件,绑定提示信息元素,使用户在登录时显示“正在发送登录请求”的字样,优化用户体验。 (3)当用户在登录时,向服务器发送登录数据请求后,服务器端的程序将接收所请求的数据,检测密码是否为“123456”,如果为假,则弹出“用户名或密码错误!”的对话框,否则,进入聊天室的主窗口页面。 具体分析: (1)首次登录聊天主页面时,左边的聊天内容区中,如果没有聊天数据,则显示“目录还没有找到聊天记录!”的字样,右边即时动态显示登录时的“用户名”。 (2)在底部,可以在文本框中输入聊天内容,点击“发送”按钮后,将通过jquery中的Ajax的全局方法$.ajax(),获取聊天内容,并向服务器提交请求,同时,服务器响应数据请求,写入完成后,将数据返回至主窗口页面,显示在内容区中。 (3)聊天室主要的功能是实现多人在线聊天,在发送内容时,还可以发送表情图标,以丰富发送内容,当发送表情时,仅是穿的表情图标的名称,并不发送图片,当服务器接收后,返回相应的名称,再将名称对应的图标显示在页面中。 (4)当聊天的信息发送成功后,服务器发送成功标志,客户端接收这一信息后,清空发送的文本框,并再次刷新对话框列表,以及时获取最新的聊天数据。
    查看全部
  • wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。
    查看全部
  • replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。
    查看全部
    0 采集 收起 来源:替换内容

    2014-12-22

  • 案例——在线聊天室 功能简介 (1)用户需要登录后,才能进入聊天室交流。 (2)以无刷新的方式,动态显示交流后的内容和在线人员基本信息。 (3)登录后的用户可以提交文字与表情图标。 技术重点:利用ajax中的无刷新技术请求并展示数据。
    查看全部
  • $.getJSON;是专用于请求JSON格式数据的。 load()可以直接用于加载页面的全局方法。 在$.ajax()方法请求数据时,设置请求数据类型的参数是dataType。 在提交表单时,序列化一个表单的方法是serialize(); 可以对ajax请求进行全局性设置的方法是$.ajaxSetup; 当ajax请求完成时,触发的全局性事件名是ajaxStop;
    查看全部
    0 采集 收起 来源:练习题

    2014-12-19

  • 调用clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为: $(selector).clone() 其中参数selector可以是一个元素或HTML内容。
    查看全部
  • 使用before()和after()方法可以在元素的前后插入内容,它们分别表示在整个元素的前面和后面插入指定的元素或内容,调用格式分别为: $(selector).before(content)和$(selector).after(content) 其中参数content表示插入的内容,该内容可以是元素或HTML字符串。
    查看全部
  • $.browser;可以获取浏览器的基本信息。 $.trim();是删除字符串两侧空格的函数
    查看全部
    0 采集 收起 来源:练习题

    2014-12-19

  • 使用$.extend()扩展Object对象。除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者,调用格式为: $. extend (obj1,obj2,…objN); 参数obj1至objN表示需要合并的各个原有对象。 例子: <div id="divtest"> <div class="title"> <span class="fl">使用$.extend()合并原有对象</span> </div> <div class="content"> <div class="tip"></div> </div> </div> <script type="text/javascript"> $(function () { var objInfo = { name: "" }; var objMess = { name: "白富美,", title: "欢迎与我联系!" }; var objNewInfo =$.extend(objInfo,objMess); var strTmp = "<b>对象 白富美 合并后</b>:<br/><br/>"; strTmp += objNewInfo.name + objInfo.title; //显示在页面中 $(".tip").show().append(strTmp); }); </script>
    查看全部

举报

0/150
提交
取消
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!