jquery:
css核心思想:找到谁,穿什么衣服。
jquery核心思想:找到谁,干什么。
jquery本身是一个js库,我们可以通过他加快开发人员的开发效率。
jquery的宣传语,write less,do more
jquery的特点:
jquery是一个轻量级的js库。体积非常小,通过它,开发人员几乎可以操作页面上的任何元素和属性。
支持ajax机制,对dom封装很完善,兼容性非常好,开源。
jquery版的helloworld:
1,引入js文件。
2,写helloworld
(document)代表了当前文档。
ready类似区别在于ready里面可以放入多个函数。
选择器:jquery中的选择器与css中的选择器对比:
类选择器 .classclass")
id选择器 #idid")
标签选择器 pp")
给h1标签添加点击事件:
js版:/ js版添加事件。
var hh = h3");
for(var i=0;i<
hh[i].onclick=function(){
alert("hi,我被js点击了");
jquery版:
(document).ready(function(){
("h3").click(function ()
alert("hi,我被点击了");
给**隔行换色:
/ 通过js给**隔行换色。
var tr = tr");
for(var i=0;i<
if(i%2==0)
tr[i]."mediumaquamarine";
/jquery版给**隔行换色 :代表过滤器,odd是奇数,even偶数。
("tr:even").css("backgroundcolor", mediumorchid");
/js版查看选择学生条数。
function shownum(){
/ js版查看复选框选中的数目。
var cb = sid");
var num=0;
for(var i=0;i<
if(cb[i].checked){
num++;
alert("当前选中了"+num+"个学生");
选择器和过滤器:
通配过滤器:
/div下面的所有字体改为红色。
("div *"css("color","red");
层次过滤器:
/id为div1控件下面的所有h2控件,都会应用新样式。
#div1 h2").css("color","red");
/id为div1控件下面的直接子h2控件,才会应用新样式。
#div1>h2").css("color","red");
基本过滤器:
/把table中的前两行数据更改颜色。
("tr:lt(2)")css("backgroundcolor","green");
内容过滤器:
/高亮显示**中名字为赵七的人。
("td:contains('赵七')"css("backgroundcolor","red");
属性过滤器:
/取出所有name="sid"且被选中的input控件。
var cb = input[name=sid]:checked");
/ 显示出被选择的option
#showoption").click(function(){
var v = selected");
alert(
/ 全部选择。
#selectall").click(function(){
("input[type=checkbox
[name=hobby]")each(
function(){
(this).attr("checked","true全部取消。
#cancelall").click(function(){
("input[type=checkbox][name=hobby]")each(
function(){
(this).removeattr("checked反选。
#inversesls").click(function(){
("input[type=checkbox][name=hobby]")each(
function(){
if($(this).attr("checked"))
(this).removeattr("checked");
else(this).attr("checked","true事件的绑定和解除绑定通过调用控件的bind和unbind方法来绑定或解除绑定某个事件。
#inversesls").bind("click",functioninversesls").unbind("click");
动画和特效:
参考帮助文档作业,学生信息管理系统。
js使用jquery代替美化页面**,导航条等内容。
人教版 photoshop 第一课第一课时
第一课 认识photoshop 教学目标 知识和能力 1 掌握启动与退出photoshop的基本操作。2 学会在photoshop窗口中打开图像并复制图像。3 能够调整图像的显示比例 亮度和对比度,改变颜色模式。过程和方法。本节课运用多 教学软件,教师通过示范演示,学生实践的形式,通过演示法 任务驱...
第一课时第一课人
教学内容 学习拼摆 人 大 太 头 买 卖 读。教学目的及要求 培养幼儿正确使用。激起幼儿对学习的兴趣 初步学习反义词。培养幼儿动手 动口 动脑的协调能力。引导幼儿理解儿歌与拼摆字之间的关系。教学重点 难点 重点学会 人 大 太 头 买 卖 读点多十书爱。学会反义词 多 少大 小买 卖。添一笔变字 ...
第一课《长江》第一课时
1.长江。教学目标 1 积累字词。2 了解作者及其作品的有关知识。3 把握文章主旨,理解文中重点词句含义。4 朗读中领悟作者对祖国对生活的热爱与赞美之情。重点难点 重点 学习借景抒情的写法。难点 通过本文的学习体会作者对祖国对时代的赞美。课时安排 两课时。教具准备 长江的挂图。第一课时。教学目标。1...