使用jQuery快速高效制作网页交互特效(4)

$(function()

{
  $("h1").css("color","#acf");
  $("#h1").css("background-color","pink");
  //h1标签 并且有一个class属性 值为h1 (交集选择器)
  $("h1.h1").css("background-color","red");

  //div标签 and p标签 and span标签
  $("div,p,span").css("font-size","36px");

  //全选
  $("*").css("background-color","blue");
})

后代选择器和子选择器比较

后代选择器 使用居多  灵活性强

属性选择器   只需要记得  $("[属性名=‘属性值‘]")

寻找li的偶数行
$("li:even").css("font-size","50px");
寻找li的奇数行
$("li:odd").css("color","red");

hidden表示的是隐藏  visible

不要单独去使用 :hidden选择   head标签中 都是在页面上看不到的标签

时间: 2024-10-15 10:34:16

使用jQuery快速高效制作网页交互特效(4)的相关文章

使用JQuery快速高效制作网页交互特效

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

使用JQuery快速高效制作网页交互特效第二章到第七章

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

使用jQuery快速高效制作网页交互特效——06 第六章 jQuery选择器

1.jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素.       Eg:$("h3").css("background","#09F");            分析:  获取并设置网页中所有<h3>元素的背景   "h3"为选择器语法,必须放在$()中    $("h3")返回jQuery对象           .css()是为jQuery对象设置样式的方法

使用jQuery快速高效制作网页交互特效(3)

引入jquery时 不允许在 引入的这行script标签中完成代码的编写 必须另起一行,再写一个script标签完成程序 window.onload事件触发在jquery加载完毕触发之后 window.onload 在当前页面有且仅能存在1个 $(document).ready(function()//在页面加载完毕时 触发 {  alert("hello jquery!"); }); DOM对象是靠 javascript形式获取的元素(节点)信息 所能用的只有javascript中的

使用JQuery快速高效制作网页交互特效-第一章 JavaScript基础

JavaScript: 是一种描述性语言,也是一种基于对象和事件驱动的并具有安全性能的脚本语言. 特点:1.主要用来在HTML页面中添加交互行为. 2.是一种脚本语言,语法和Java类似. 3.一般用于编写客户端的脚本. 4.是一种解释性语言,边执行边解释. 组成:1.ECMAScript标准:描述,规定了脚本语言的标准 2.浏览器对象模型:提供独立于内容与浏览器进行交互的对象 3.文档对象模型:访问操纵HTML文档 JavaScript:写入 HTML 输出: document.write("

使用JQuery快速高效制作网页交互特效——第一章JavaScript基础

一.什么是JavaScript 1.JavaScript概念:JavaScript面向对象事件驱动具有安全性的脚本语言,面向对象2.JavaScript特点:(1)解释性语言,边运行边解释(2)和HTML页面实现交互效果(3)语法类似于Java(4)一搬用于编写客户端脚本3.JavaScript组成:(1)ECMAScript:脚本语言规范(标准)(2)BOM Browser Object Model浏览器对象模型(3)DOM Document Object Model文档对象模型 二.Java

使用jQuery快速高效制作网页交互特效(6)

removeClass() 如果括号中没有参数  移除所有的class属性 var content = $("ul").html(); //获取文本 $("ul").html(text); //对于标签内部的文本替换 var content = $("ul").text(); //获取文本 但是无法获得内部的HTML标签 $("ul").text(text); //替换操作 无法解析HTML标签 就算替换的文本中包含HTML标

使用jQuery快速高效制作网页交互特效(5)

//获取点击当前的元素 var text = $(this).html(); keydown 和 keypress 同时触发的 只不过 keypres还针对能打印出字符的按键keyup按键松开时触发 blur 失去焦点 绑定单个事件 bind("事件名",事件内容)$("li").bind("click",function() { alert($(this).html()); }) bindbind({}) 包含大括号事件名 : 事件内容 事件名

使用jQuery快速高效制作网页交互特效(1)

引入外部的js文件   该js文件中 不允许存在<script>标签 //单行注释 /* 多行注释 */ prompt是弹出一个窗口 接受用户的输入  不常用 isNaN  非数字 onclick:鼠标左键 单击事件