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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 对话框插件——dialog 对话框插件可以用动画的效果弹出多种类型的对话框,实现JavaScript代码中alert()和confirm()函数的功能,它的调用格式为: $(selector).dialog({options}); selector参数为显示弹出对话框的元素,通常为<div>,options参数为方法的配置对象,在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等。
    查看全部
  • 面板折叠插件——accordion 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果,即点击标题时展开内容,再点另一标题时,关闭已展开的内容,调用格式如下: $(selector).accordion({options}); 其中,参数selector为整个面板元素,options参数为方法对应的配置对象。
    查看全部
  • 选项卡插件——tabs 使用选项卡插件可以将<ul>中的<li>选项定义为选项标题,在标题中,再使用<a>元素的“href”属性设置选项标题对应的内容,它的调用格式如下: $(selector).tabs({options}); selector参数为选项卡整体外围元素,该元素包含选项卡标题与内容,options参数为tabs()方法的配置对象,通过该对象还能以ajax方式加载选项卡的内容。
    查看全部
  • 拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素(例如<option>、<li>)按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能,它的调用格式为: $(selector).sortable({options}); selector参数为进行拖曳排序的元素,options为调用方法时的配置对象,
    查看全部
  • 放置插件——droppable 除使用draggable插件拖曳任意元素外,还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中,类似购物车效果,调用格式如下: $(selector).droppable({options}) selector参数为接收拖曳元素,options为方法的配置对象,在对象中,drop函数表示当被接收的拖曳元素完全进入接收元素的容器时,触发该函数的调用。
    查看全部
  • 拖曳插件——draggable 拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下: $(selector). draggable({options}) options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果,如“containment”属性指定拖曳区域,“axis”属性设置拖曳时的坐标方向。
    查看全部
  • $(“*”)全部选择器!包括<head>、<body>、<script>这些元素 由于该选择器的特殊性,它常与其他元素组合使用,表示获取其他元素中的全部子元素。 如:$("div *")就是选择所有div元素下面的全部子元素 $("form #button1").attr("disable","true");就将form里id为button1的元素设置为不可用
    查看全部
  • var $redHTML = $(".red").html(); 定义一个叫redHTML的变量,将className为red的html内容赋值给它 $(".green").html($redHTML); 获取className为green的元素,并将HTML内容设置为redHTML
    查看全部
  • $(“element”)相当于获取tagname $("button").attr("disabled","true");获取属性值,disable设置为不可用,按钮会灰掉
    查看全部
  • $("#my_id") 通过id来获取元素 其中#my_id表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素。 html()方法的功能是设置或获取元素中显示的内容,类似于innerHTML
    查看全部
  • jQuery本身就是JavaScript,只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库! $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。
    查看全部
    0 采集 收起 来源:jQuery初体验

    2014-11-28

  • 环境搭建 搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行。 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.8.2版。 引入jQuery文件库 下载完jQuery框架文件后,并不需要任何的安装,仅需要使用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载后保存在项目文件夹Jscript中,那么,在页面的<head></head>中加入如下代码: <script language="javascript" type="text/javascript" src="jquery-1.8.2.min.js"></script> 或者直接使用网上的jQuery文件框架,如: <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    查看全部
    0 采集 收起 来源:环境搭建

    2018-03-22

  • list-style-type: none;可以对标签符号li进行掩藏!
    查看全部
  • 9-1 表单验证插件—— $(form).validate({options}) 9-2 表单插件—— $(form).ajaxForm({options}) 9-3 图片灯箱插件—— $(linkimage).lightBox({options}) 9-4 图片放大镜插件—— $(linkimage).jqzoom({options}) 9-5 cookie插件—— 保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null) 9-6 搜索插件—— $(textbox).autocomplete(urlData,[options]); 9-7 右键菜单插件—— $(selector).contextmenu(menuId,{options}); 9-8 自定义对象级插件—— $(Id).focusColor(color) 9-9 自定义类级别插件—— $.addNum(p1,p2) 和 $.subNum(p1,p2)
    查看全部
    0 采集 收起 来源:练习题

    2014-11-28

  • 自定义类级别插件—— twoaddresult 通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为: $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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