【慕课网4-2 编程练习：jQuery祖先后代选择器小案例】的更多相关文章

慕课网4-2 编程练习：jQuery祖先后代选择器小案例

4-2 编程练习 结合所学的祖先后代选择器,实现如下图所示效果 任务 (1)使用祖先后代选择器将第二段文字背景色变成红色 (2)使用jQuery的.css()方法设置样式,语法css('属性 '属性值') 参考代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>慕课网4-2 编程练习</title&g…

慕课网4-6 编程练习:jQuery后排兄弟选择器

4-6 编程练习 结合所学的兄弟选择器" ~ ",实现如下图所示效果: 任务 (1)使用兄弟选择器" ~ "将技术语言的背景色变成红色 (2)使用jQuery的.css()方法设置样式,语法css('属性 '属性值') 参考代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title…

慕课网 javascript深入浅出编程练习

任务 请在index.html文件中,编写arraysSimilar函数,实现判断传入的两个数组是否相似.具体需求: 1. 数组中的成员类型相同,顺序可以不同.例如[1, true] 与 [false, 2]是相似的. 2. 数组的长度一致. 3. 类型的判断范围,需要区分:String, Boolean, Number, undefined, null, 函数,日期, window. 当以上全部满足,则返回"判定结果:通过",否则返回"判定结果:不通过". 编程思…

Jquery广告浮动效果小案例

导入<script src="<%=path%>/html5/js/jquery.js"></script>文件 <SCRIPT type="text/javascript"> $(document).ready(function(){ var menuYloc = $("#DIVFLOAT").offset().top; $(window).scroll(function (){ var offs…

jQuery的DOM操作小案例

案例一:下拉列表左右选择 <body> <div> <select style="width:60px" multiple size="10" id="leftID"> <option>选项A</option> <option>选项B</option> <option>选项C</option> <option>选项D</o…

【学】jQuery的源码思路1——后代选择器

jQuery的源码思路1--后代选择器 这里探讨一下jQuery中后代选择器的封装原理,并自己写一下 getEle('#div1 ul li .box');接受的参数就是个后代选择器,类似于这样: #div1 ul li .box id/tagname/class div#div1 div.box input[type=button] li:eq(3)/lt(3)/gt(3) li:first/last/odd/even function getEle(str){ var arr = str.m…

[jQuery学习系列六]6-jQuery实际操作小案例

前言最后在这里po上jQuery的几个小案例. Jquery例子1_占位符使用需求: 点击第一个按钮后 自动去check 后面是否有按钮没有选中, 如有则提示错误消息. <html> <head> <script type="text/javascript"> function check() { String.prototype.format = function(){ var args = arguments; return this.repla…

jQuery基础---常规选择器

内容摘要: 1.简单选择器 2.进阶选择器 3.高级选择器 发文不易,转载请注明出处! jQuery 最核心的组成部分就是:选择器引擎.它继承了 CSS 的语法,可以对 DOM 元素的标签名.属性名.状态等进行快速准确的选择,并且不必担心浏览器的兼容性.jQuery选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择. 一．简单选择器 在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则.而CSS 规则作为参数…

第一百六十四节，jQuery，常规选择器

jQuery,常规选择器 学习要点: 1.简单选择器 2.进阶选择器 3.高级选择器 jQuery 最核心的组成部分就是:选择器引擎.它继承了 CSS 的语法,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确的选择,并且不必担心浏览器的兼容性.jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种 特殊状态的选择.备注:课程必须有(X)html+CSS 基础. 一．简单选择器 在使用 jQuery 选择器时,我们首先必须使用“$()”函数…

慕课网2-5 编程练习：通过jQuery通配符选择器进行文字变色

2-5 编程练习 请请使用*选择器将div标签中的字体颜色变成红色 效果图: 任务 (1)使用通配符选择器 (2)使用jQuery的.css()方法设置样式,语法css('属性 '属性值') 参考代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>*选择器</title> </head&g…