为了账号安全,请及时绑定邮箱和手机立即绑定
  • > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
    查看全部
  • 为什么还要return 'imocClass'? return ‘imocClass’是返回给这个function,这样removeClass才知道要删除是imocClass。其实是为了给你演示function的作用才写成这样的。如果去掉中间的$(this).next().addClass(className)就是 .removeClass(function(index,className){return 'imoClass'}),它的 效果等同于.removeClass('imoClass')。 可以试试var a=function(){return 'imoClass'};alert(a);就知道return什么作用了
    查看全部
  • 添加加样式:.addClass() 1.元素对象.addClass('类名1' '类名2'.....) 为每个匹配的元素添加指定的一个或多个样式类名 2.元素对象.addClass( function(index,currentClass)) : 这个函数返回一个或多个用空格隔开的要增加的样式名 注:1.一个元素有多个class值,将合并样式; 2.不同的class设定了同一样式属性,则后者覆盖前者。 3.indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。stringObject.indexOf('指定的字串'[,startindex]),找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。
    查看全部
  • .html(),.text()和.val()的差异总结: .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
    查看全部
  • 可维护性: .addClass()的本质是通过定义个class类的样式规则,给元素添加一个或多个类。css方法是通过JavaScript大量代码进行改变元素的样式 通过.addClass()我们可以批量的给相同的元素设置统一规则,变动起来比较方便,可以统一修改删除。如果通过.css()方法就需要指定每一个元素是一一的修改,日后维护也要一一的修改,比较麻烦 灵活性: 通过.css()方式可以很容易动态的去改变一个样式的属性,不需要在去繁琐的定义个class类的规则。一般来说在不确定开始布局规则,通过动态生成的HTML代码结构中,都是通过.css()方法处理的 样式值: .addClass()本质只是针对class的类的增加删除,不能获取到指定样式的属性的值,.css()可以获取到指定的样式值。 样式的优先级: css的样式是有优先级的,当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候,优先级如下 外部样式 < 内部样式 < 内联样式 .addClass()方法是通过增加class名的方式,那么这个样式是在外部文件或者内部样式中先定义好的,等到需要的时候在附加到元素上 通过.css()方法处理的是内联样式,直接通过元素的style属性附加到元素上的 通过.css方法设置的样式属性优先级要高于.addClass方法 总结: .addClass与.css方法各有利弊,一般是静态的结构,都确定了布局的规则,可以用addClass的方法,增加统一的类规则 如果是动态的HTML结构,在不确定规则,或者经常变化的情况下,一般多考虑.css()方式
    查看全部
  • css()函数可以用来取得和设定宿主对象的样式 要想取得样式,参数是属性名,可以是单个的字符串,也可以是一个数组,数组用来获取多个样式值;返回值也分别是字符串和对象 要想设定样式:则可以传两个参数,一个是样式名,一个是样式值,或者传递一个对象,可以设定多个值; jQuery对返回的样式属性值做了统一处理,颜色统一采用RGB,尺寸px
    查看全部
  • toggleClass(className):有就删除,,没有就添加; toggleClass(className,switch):true:执行完后一定会有;false:执行完后一定没有;
    查看全部
  • .html(),.text()和.val()的差异总结: .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
    查看全部
  • $(":contains('text')")包含指定文本 $(":has(selector)")选择元素中至少包含指定选择器的元素
    查看全部
  • //通过className(fucntion)方法 //这个函数返回一个或更多用空格隔开的要增加的样式名。 //接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容 //找到所有的div,然后通过addClass设置颜色,根据返回的className的判断, $("div").addClass(function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } });
    查看全部
  • $("input:not(:checked)+p") checked前加冒号:
    查看全部
  • 代码分析: $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用
    查看全部
  • var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性
    查看全部
  • 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。
    查看全部
  • 官方网站获取jQuery 2.x不在兼容IE6、7、8 开发过程使用开发版 上线后使用压缩版 一般在head中引入 <head><script type="text/javascript" src=""></head>
    查看全部
    0 采集 收起 来源:环境搭建

    2018-03-22

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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