为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
jQuery基础 (一)—样式篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础 (一)—样式篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时23分
  • js:getElementsByTagName("p"); JQ:$("p");
    查看全部
  • js:document.getElementByClassName("class"); JQ:$(.class);
    查看全部
  • jq:$( "#id" ) js:document.getElementById("id");
    查看全部
  • var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色
    查看全部
  • jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引: var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 其实我们翻开源码,看看就知道了,get方法就是利用的第一种方式处理的,只是包装成一个get让开发者更直接方便的使用。
    查看全部
  • 通过标准JavaScript处理: var p = document.getElementById('imooc'); p.innerHTML = '您好!通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; jQuery的处理: var $p = $('#imooc'); $p.html('您好!通过慕课网学习jQuery才是最佳的途径').css('color','red'); 1、通过jQuery方法包装后的对象,是jQuery对象,它是一个新的对象 2、jQuery与DOM对象完全不是同一个东西,但是又似曾相似,因为他们都能处理DOM 3、通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容问题,我们可以通过jQuery更友好的API进行开发,同时代码也会更加精短
    查看全部
  • $(document).ready 的意思是等页面的文档(document)中的节点都加载完毕后,在执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。 $("div").html("hello word"); 相当于 documen.innerHTML = "hello word";
    查看全部
  • 进入官方网站获取最新的版本 http://jquery.com/download/ ,这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别 在于 2.x 不再兼容 IE6、7、8 为移动端而优化,由于减少了一些代码,使得该版本比 jQuery 1.x 更小且更快。 如果开发者比较在意老版本 IE 用户,只能使用 jQuery 1.9 及之前的版本了。我们这本课程为了兼容性问题,使用的是 1.9 版本。jQuery 每一个系列版本分为:压缩版(compressed) 与 开发版(development),我们在开发过程中使用开发版(开发版本便于代码修改及调试),项目上线发布使用压缩版(因为压缩版本体积更小,效率更快)。
    查看全部
    0 采集 收起 来源:环境搭建

    2016-07-05

  • indexOf方法获取到指定的字符在字符串中第一次出现的位置,从0开始。如果一开始就是e则返回0,如果第二个位置是e则返回1,如果搜完整个字符串都没有e则返回-1 。 反证法 如果该方法不返回-1 就证明该字符串中含有e字符。
    查看全部
  • 正确答案,
    查看全部
    0 采集 收起 来源:综合案例

    2016-07-05

  • 1、前端开发 除了HTML、CSS、JS,还要一些框架,如jQuery 2、jQuery jQuery轻量级的JavaScript库,核心是JavaScript,兼容CSS3和各种浏览器,核心理念是写得少做得多。 3、jQuery优势:容易上手,强大的选择器,节约开发时间,丰富的UI,完善的事件机制,Ajax的封装 4、特性和方法:连试操作、回调函数、迭代器、延迟对象、队列。。。。。
    查看全部
    0 采集 收起 来源:课程介绍

    2016-07-05

  • $("#imooc1").get(0).style.backgroundColor='red';//即使是通过id选择器获取的DOM元素也不能直接使用DOM对象的方法
    查看全部
  • 我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0
    查看全部
  • 元素数据存储
    查看全部
  • 我们有几种方式可以隐藏一个元素: 1.CSS display的值是none。 2.type="hidden"的表单元素。 3.宽度和高度都显式设置为0。 4.一个祖先元素是隐藏的,该元素是不会在页面上显示 5.CSS visibility的值是hidden 6.CSS opacity的指是0
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式
友情提示:

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