2017js高考作文【一】
jQuery添加/移除CSS类实现代码
在网页设计中，我们常常要使用Javascript来改变页面元素的样式。
其中一种办法是改变页面元素的CSS类(Class，这在传统的Javascript里，我们通常是通过处理HTMLDom的classname特性来实现的；而jQuery里提供三种方法来实现这个功能，虽然它们和传统方法的'思想相通，但是却节省了许多代码。还是那句话-“jQuery让JavaScript代码变得简洁！”
1.addClass(-添加CSS类
代码如下:
$("#target".addClass("newClass";
//#target指的是需要添加样式的元素的ID
//newClass指的是CSS类的名称
2.removeClass(-移除CSS类
代码如下:
$("#target".removeClass("oldClass";
//#target指的是需要移除CSS类的元素的ID
//oldClass指的是CSS类的名称
3.toggleClass(-添加或者移除CSS类：如果CSS类已经存在，它将被移除；相反，如果CSS类不存在，它将被加上。
代码如下:
$("#target".toggleClass("newClass"
//如果ID为“target”的元素已经定义了CSS样式，它将被移除；
//反之，CSS类”newClass“将被赋给该ID。
4.hasClass("className"-判断是否已经存在CSS
在实际运用中，我们常常先定义好这些CSS类，然后通过Javascript事件触发（比如点击某个链接）来改变页面元素样式。此外，jQuery还提供一种方法hasClass("className"，用来判断某个元素是否已经被赋予某个CSS类。
Jquery使用addClass(与removeClass(来动态的添加或移出一个css类的具体例子如下：
1.$(“#para1”.addClass('highlight';添加一个“highlight”css类给id为para1的元素。
2.$(‘#para1’.removeClass(‘'highlight';从id为para1的元素中移出一个‘highlight’css类。
具体实例代码如下：
窗口标题-left
61.
62.
63.
64.
65.<img
src="http://pic002.cnblogs.com/images/2012/451207/2012100814082487.jpg"alt="关闭"/>窗口标题-right
66.
67.
68.
69.
70.//获取窗口的高度
71.varwindowHeight;
72.//获取窗口的宽度
73.varwindowWidth;
74.//获取弹窗的宽度
75.varpopWidth;
76.//获取弹窗高度
77.varpopHeight;
78.functioninit({
79.windowHeight=$(window.height(;
80.windowWidth=$(window.width(;
81.popHeight=$(".window".height(;
82.popWidth=$(".window".width(;
83.}
84.
85.//关闭窗口的方法
86.functioncloseWindow({
87.$(".win_titleimg".click(function({
88.$(this.parent(.parent(.hide("normal";
89.};
90.}
91.
92.functionpopCenterWindow({
93.init(;
94.//计算弹出窗口的左上角Y的偏移量
95.varpopY=(windowHeight-popHeight/2;//垂直方向偏移量
96.varpopX=(windowWidth-popWidth/2;//水平方向偏移量
97.
98.//设定窗口的位置
99.$("#center".css("top",popY.css("left",popX.slideToggle("fast";100.closeWindow(;
101.}
102.
103.functionpopLeftWindow({
104.init(;
105.//计算弹出窗口的左上角Y的偏移量
106.varpopY=windowHeight-popHeight;
107.//varpopX=-(windowWidth-popWidth;
108.
109.//设定窗口的位置
110.$("#left".css("top",popY-50.css("left",50.slideToggle("slow";111.closeWindow(;
112.}
113.functionpopRightWindow({
114.init(;
115.//计算弹出窗口的左上角Y的偏移量
116.varpopY=windowHeight-popHeight;
117.varpopX=windowWidth-popWidth;
118.
119.//设定窗口的位置
120.$("#right".css("top",popY-50.css("left",popX-50.slideToggle("normal"
;
121.closeWindow(;
122.}
123.
124.
125.
2017js高考作文【二】
jQuery的开篇声明里有一段非常重要的话：jQuery是为了改变javascript的编码方式而设计的。从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库。jQuery改变javascript编码方式！
那么它是如何实现它的声明的呢？这里，用以下的一段简短的使用流程：
1、查找(创建jQuery对象：$("selector";
2、调用jQuery对象的方法完成我们需要完成的工作：$("selector".doOurWork(;好了，jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心！
要实现这种简洁编码方式，创建jQuery对象这一环节至关重要。因此，jQuery的dom元素查找能力相当强悍。此外，jQuery对象的方法肯定是有限的，有限的方法满足不了日益增长各有所需的要求，所以，必须提供jQuery对象方法的扩展能力。
强悍的dom元素查找能力，以及随心所欲的方法扩展，这两点正是jQuery的核心所在！来一个简单的示例，来说明jQuery是如何工作的：
<!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0
Transitional//EN”””>baidu
$(function({
$(“a“.click(function(e{//1查找$(”a”;2jQuery对象事件click;3jQuery对象方法hide$(this.hide(“slow“;
returnfalse;
};
};
jQuery中有一个“配置”的思想，这一点使得对象的属性/事件等设置变得容易理解且十分简便，如下一个拖拽组件的初始化：
可以看到，$("#drag1"是查找并创建一个jquery对象，然后调用Draggable方法进行拖拽初始化，在此方法调用时，传递一个“配置”对象，进行拖拽操作的初始化配置。这一“配置”的思想，极大简化了一些编码步骤，并相当直观和易懂。
以下我进行三个问答：
1、问：为什么$(selector之后，返回的是jQuery对象？
答：从jQuery的源代码中，我们可以知道：var$=jQuery。因此当我们$(selector操作时，其实就是jQuery(selector，创建的是一个jQuery对象。当然正确的写法应该是这样的：varjq=new$(selector;而jQuery使用了一个小技巧在外部避免了new，在jquery方法内部：if(window==thisreturnnewjQuery(selector;
2、问：为什么创建一个jQuery对象之后，我们可以这样写
$(selector.each(function(index{…};进行遍历操作呢？
答：其实jQuery(selector方法调用时，在jQuery(selector方法内部，最后返回的是一个数组：returnthis.setArray(a;而each方法体内部是一个for循环，在循环体内是这样调用的：method.call(this[i]，i。
3、问：为什么jQuery能做到jQuery对象属性/方法/事件的插件式扩展？
答：如果您有一些javasciprt的面向对象方面的知识，就会知道，jQuery.prototype原型对象上的扩展属性/方法和事件，将会给jQuery的对象“扩展”。基于这一点，jQuery是这样写的：jQuery.fn=jQuery.prototype。所以，当我们扩展一个插件功能时，如下：jQuery.fn.check=function({
returnthis.each(function({
其实就是：
综上所述,jQuery给我们带来了一个简洁方便的编码模型(1>创建jQuery对象;2>直接使用jQuery对象的属性/方法/事件,一个强悍的dom元素查找器($,插件式编程接口(jQuery.fn,以及插件初始化的”配置”对象思想.
附:实现自己的jQuery<!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0
Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
divvv
fdsf
//实现自己的MyQuery框架
varMyQuery=function(selector{
if(window==thisreturnnewMyQuery(selector;
//这里只实现dom类型的简单查找,嘿嘿
vardoms=document.getElementsByTagName(selector;
vararr=[];
for(vari=0;i<doms.length;i++{
arr.push(doms.item(i;
}
returnthis.setArray(arr;
}
MyQuery.prototype.setArray=function(arr{this.length=0;
[].push.apply(this,arr;
returnthis;
}
MyQuery.fn=MyQuery.prototype;
var$=MyQuery;
//插件扩展1each
MyQuery.fn.each=functionethod{for(vari=0,l=this.length;i<l;i++{
method.call(this[i],i;
}
}
//插件扩展2show
MyQuery.fn.show=function({
this.each(function(i{
alert(i+“:“+this.id+“:“+this.innerHTML;};
}
//debugger
$(“div“.show(;
2017js高考作文【三】
??考漫画作文范文请根据下面提示，写一篇短文。词数不少于50。
In an English speech competition, you are asked to describe the following picture and explain to the judges how you understand it.
“开放”的命题方式是让考生根据一幅图画，在描述图画信息之余，发挥自己的.想象，展开简单的议论。
首先提醒同学：不要花太多时间挖掘图画深意!英语作文不看重你的思想厚度，而看重你的语言质量。开放作文有明显的套路可循。“开放作文”只要求你做两件事情，一件是描述图画(describe the following picture，另一件是阐述你对图画的看法(explain how you understand it。相应地，你只需要写两个段落，一段是“描述段”，另一段是“议论段”。
一般分三段：第一段用来描述图画内容。第二段用来写这幅图画说明了什么问题。第三段总结问题。
范文：
From the picture I can see a pair of proud compasses and a hard-working pencil. The compasses are big, drawing a circle with ease, while the pencil is small, drawing a line with great effort.
I think the compasses are reasonable to be proud because no one else can do the job better. At the same time, however, he should realize the pencil has his own advantages. The pencil can do other shapes better than the compasses, even pictures.
So in my opinion, while we are confident in ourselves, we should recognize strengths in others and show due respect for them.
