jquery第一课

发布 2024-02-29 22:40:11 阅读 8547

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...