随笔分类 - jQuery
摘要：ready(fn)当DOM载入就绪可以查询及操作时，绑定一个要执行的函数。 resize([[data],fn])当调整浏览器窗口的大小时，发生resize事件。它属于BOM中的window对象。 focus([[data],fn])、blur([[data],fn])当元素获得（失去）焦点时触发f
阅读全文
摘要：3-3 编程练习 完善下面的代码，在input框中输入内容的时候同样显示在下面的p标签中 任务 1、选中input元素 2、使用键盘事件，将input框中的内容添加到p标签中 任务提示 val()方法返回或者设置被选元素的值，获取输入框中的内容可以使用val() 参考代码 $($).ready(fu
阅读全文
摘要：jQuery属性选择器是基于元素属性作为筛选条件的选择器。 [attribute] 属性名选择器 [attribute=value]属性值选择器 [attribute!=value]非属性值选择器 [attribute^=value]属性值以某个字符串开头的选择器 [attribute$=value
阅读全文
摘要：jQuery层级选择器 (A)后代选择器 $('ancestor descendant') 在给定的祖先元素下，匹配所有的后代元素 (B)直接后代选择 $('parent > child') 在给定的父元素下匹配所有的子元素 (C)兄弟元素选择器 (1)相邻下一个兄弟元素选择器 $('prevSib
阅读全文
摘要：jQuery多项选择器模式： $("selector1,selector2,selectorN"); 将每一个选择器匹配到的元素合并后一起返回，可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。 示例代码： 控制台打印结果： id选择器“#one”和clas选择器“.string”所选择的元
阅读全文
摘要：6-4 编程练习 结合所学的jQuery过滤器知识，实现如下图所示的隔行换色效果 任务 使用jQuery的.css()方法设置样式，语法css('属性 '属性值') 使用:odd和:even过滤器实现效果 参考代码：
阅读全文
摘要：4-6 编程练习 结合所学的兄弟选择器" ~ "，实现如下图所示效果： 任务 (1)使用兄弟选择器" ~ "将技术语言的背景色变成红色 (2)使用jQuery的.css()方法设置样式，语法css('属性 '属性值') 参考代码：
阅读全文
摘要：4-2 编程练习 结合所学的祖先后代选择器，实现如下图所示效果 任务 (1)使用祖先后代选择器将第二段文字背景色变成红色 (2)使用jQuery的.css()方法设置样式，语法css('属性 '属性值') 参考代码：
阅读全文
摘要：2-5 编程练习 请请使用*选择器将div标签中的字体颜色变成红色 效果图： 任务 （1）使用通配符选择器 （2）使用jQuery的.css()方法设置样式，语法css('属性 '属性值') 参考代码： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta
阅读全文
摘要：3-5 编程练习：jQuery实现简单的图片对应展示效果 通过这个章节的学习， 老师带领大家完成了一个基本的图片切换特效，接下来，我们也实现一个类似的效果，点击相应的按钮，切换对应的图片。 效果图 : 任务 1、首先建立一个就绪函数ready函数，把所有的jQuery内容都写到这个函数中。 2、选中
阅读全文
浙公网安备 33010602011771号