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

jQuery基础 (一)—样式篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时23分
  • 完全没有搞懂什么意思
    查看全部
  • $(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。
    查看全部
  • jquery是一个类数组对象,DOM对象就是一个单独的DOM元素 var $div=$("div");//jquery对象
    查看全部
  • $(document).ready();的意思是等页面的文档(document)中的节点都加载完毕后,在执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的被加载完毕后才能正确的使用
    查看全部
  • jQuery實現:nth-child(n)是嚴格來自CSS規範,所以n值是「索引」,也就是說,從1開始計數,:nth-child(index)從1開始的,而eq(index)是從0開始的 nth-child(n) 與 :nth-last-child(n) 的區別前者是從前往後計算,後者從後往前計算
    查看全部
  • jQuery是一个类数组对象,DOM对象就是一个单独的DOM元素。
    查看全部
  • 通过jQuery方法包装后的对象,是jQuery对象,它是一个新的对象 jQuery与DOM对象完全不是同一个东西,但是又似曾相似,因为他们都能处理DOM 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容问题,我们可以通过jQuery更友好的API进行开发,同时代码也会更加精短
    查看全部
  • <script type="text/javascript"> $('.left').click(function() { var ele = $(this); //通过$.data方式设置数据 $.data(ele, "a", "data test") $.data(ele, "b", { name : "慕课网" }) //通过$.data方式取出数据 var reset = $.data(ele, "a") + "</br>" + $.data(ele, "b").name ele.find('span').append(reset) }) </script> <script type="text/javascript"> $('.right').click(function() { var ele = $(this); //通过.data方式设置数据 ele.data("a", "data test") ele.data("b", { name: "慕课网" }) //通过.data方式取出数据 var reset = ele.data("a") + "</br>" + ele.data("b").name ele.find('span').append(reset) }) </script>
    查看全部
  • //class=left下div元素增加一个新的样式,增加背景颜色 $('.aaron').addClass('newClass')
    查看全部
  • .removeClass( [className ] ):每个匹配元素移除的一个或多个用空格隔开的样式名 .removeClass( function(index, class) ) : 一个函数,返回一个或多个将要被移除的样式名 如果一个样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除 。 如果没有样式名作为参数,那么所有的样式类将被移除
    查看全部
  • //显示出html方法获取到的内容 //.html()是整个html文档结构 $('p:first').text( $(".first-div").html() ) //显示出text方法获取到的内容 //.text()是文本内容的合集 $('p:last').text( $(".first-div").text() ) //通过.text()方法替换文本内容 $(".left a:first").text('替换第一个a元素的内容') //通过.html()方法替换html结构 $(".left div:first").text('整个div的子节点都被替换了') //通过.text()的回调,获取原本的内容,修改,在重新赋值 $(".left a:first").text(function(idnex,text){ return '增加新的文本内容' + text })
    查看全部
  • //找到第三个input,通过使用一个函数来设置属性 //可以根据该元素上的其它属性值返回最终所需的属性值 //例如,我们可以把新的值与现有的值联系在一起: $("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val })
    查看全部
  • jQuery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr() attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } Property是这个DOM元素作为对象,其附加的内容,例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等
    查看全部
  • //找到所有的div,然后通过addClass设置颜色,根据返回的className的判断, $("div").addClass(function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } });
    查看全部
  • w3school 如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。 如需删除 HTML 元素,您必须首先获得该元素的父元素. DOM 需要清楚您需要删除的元素,以及它的父元素。 这是常用的解决方案:找到您希望删除的子元素,然后使用其 parentNode 属性来找到父元素
    查看全部

举报

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

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