jquery常用技术总结。
在我们的工作中，有时候会需要我们写总结。写总结可以让我们自我反省，提升自我。每写一次总结，就让我们多一份思考的机会：每多做一份事，就可以在这件事上学习到新知识、新技能。那么你知道怎么书写优秀的总结报告吗？下面是小编精心收集整理，为您带来的《jquery常用技术总结》，仅供参考，希望能为您提供参考！
本页是工作总结之家最新发布的《jquery常用技术总结》的详细范文参考文章，感觉很有用处，希望大家能有所收获。
篇一：jquery技术核心点总结2014-05-19 14:11:50
jquery是一款非常优秀的L);在一个由ajax返回的xml文档中，查找所有的div元素。
2、$(html标记字符串) :根据提供的html字符串，创建jquery对象包装的dom元素。eg: $(divpHello/p/div).appendTo(body);
创建一个 input元素必须同时设定 type
$(input type='text')
3、$(dom元素):将一个或多个dom元素转换为jquery对象。
eg: $(document.body).css( background,black);设置页面背景色
4、$(document).ready(function(){})==$(function(){})；在页面加载完成后自动执行的代码。
二、jquery对象访问。eq返回的是jquery对象，只能使用jquery方法，get返回的是dom元素对象，只能使用dom方法.
1、$(dom元素).each(function(){}):以每一个匹配的元素作为上下文来执行一个函数
2、$(dom元素).size()==$(dom元素).length;对象中元素的个数。eg:img src=test1.jpg/img src=test2.jpg/,jquery代码：$(img).size();返回2
3、context：返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没有指定，那么context指向当前的文档(document)。
4、$(dom元素).get()：取得所有匹配的dom元素的集合。如果你想要直接操作 DOM 对象而不是 jQuery 对象，这个函数非常有用。
5、$(dom元素).get(index)：取得其中一个匹配的元素.
6、$(dom元素).index():搜索与参数表示的对象匹配的元素，并返回相应元素的索引值。
三、插件机制:
1、jQuery.fn.extend(object);扩展 jQuery 元素集来提供新的方法,针对某一个dom元素。eg:jQuery.fn.extend({
check: function() { return this.each(function() { this.checked = true;});},
uncheck: function() { return this.each(function() { this.checked = false;});}
});
调用：
$(input[type=checkbox]).check();
$(input[type=radio]).uncheck();
2、$.extend(object);用来在jQuery命名空间上增加新函数,针对所有dom元素。
$.extend({
min:function(a,b){return ab?a:b;},
max:function(a,b){return ab?a;b;}
});
调用：$.max(10,20);
四、选择器
基本：
1、$(#id): 根据给定的ID匹配一个元素。
2、$(dom元素名)：根据给定的元素名匹配所有元素
3、$(.Class类名): 根据给定的类匹配元素。
4、$(*) ：匹配所有元素。
5、$(dom元素.class类名)：选择所有class属性为指定类名的dom元素。
6、$(.stripe tr): 获取class属性为stripe的table元素下的所有行
层级：
1、$(ancestor descendant):在给定的祖先元素下匹配所有的后代元素
2、$(parent child):在给定的父元素下匹配所有的子元素
3、$(prev + next):匹配所有紧接在 prev 元素后的 next 元素
4、$(prev~siblings):匹配 prev 元素之后的所有 siblings(同级) 元素
简单:
1、$(tr:first) 匹配找到的第一个元素
2、$(tr:last) 匹配找到的最后一个元素
3、$(input:not(:checked)) 去除所有与给定选择器匹配的元素
4、$(tr:even) 匹配所有索引值为偶数的元素，从 0 开始计数
5、$(tr:odd) 匹配所有索引值为奇数的元素，从 0 开始计数
6、$(tr:eq(1)) 匹配一个给定索引值的元素
7、$(tr:gt(0)) 匹配所有大于给定索引值的元素
8、$(tr:lt(2)) 匹配所有小于给定索引值的元素
内容：
1、$(div:contains('John')) 匹配包含给定文本的元素
2、$(div:has(p)) 匹配所有包含 p 元素的 div 元素
3、$(td:empty) 查找所有不包含子元素或者文本的空元素
可见性：
1、$(tr:visible) 查找所有可见的 tr 元素
2、$(tr:hidden) 匹配所有的不可见元素，input 元素的 type 属性为 hidden的话也会被匹配到
属性：
1、$(div[id]) 查找所有含有 id 属性的 div 元素
2、$(input[name='neL代码:
1、$(div).html();取得第一个匹配元素的html内容
2、$(div).html(pHello Again/p);设置每一个匹配元素的html内容
文本：
1、$(p).text();取得所有匹配元素的内容
2、$(p).text(bSome/bneL或DOM元素。
删除：
1、$(p).empty();删除匹配的元素集合中所有的子节点。
2、$(p).remove();从DOM中删除所有匹配的元素
八、CSS操作
CSS:
1、$(p).css(color);取得第一个段落的color样式属性的值
2、$(p).css({ color: #ff0011,background: blue});把一个“名/值对”对象设置为所有匹配元素的样式属性。
3、$(p).css(color,red);在所有匹配的元素中，设置一个样式属性的值
位置：
1、var offset = p.offset();获取匹配元素在当前视口的相对偏移，返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。
2、var position = p.position();获取匹配元素相对父元素的偏移
尺寸：
1、$(p).height();取得第一个匹配元素当前计算的高度值（px）。
2、$(p).height(20);为每个匹配的元素设置CSS高度(hidth)属性的值
3、$(p).L标签”)所有标签元素对象
$(“*”)所有元素
$(“a b”)a元素下的所有子孙b元素
$(“ab”)a元素下的所有子b元素
$(“a+b”)a元素后的下一个b元素 等价于 $(“a”).next(“b”);
$(“a~b”)a元素后的所有b元素 等价于 $(“a”).nextAll(“b”);
$(“#a”).siblings(“div”)#a元素的所有同辈div元素
过滤选择器：
:first 第一个元素
:last 最后一个元素
:not(selector) 除selector选择器对应的之外的所有元素
:even 索引为偶数的所有元素（索引从0开始）
dd 索引为奇数的所有元素
:eq(index) 索引等于index的元素
:gt(index) 索引大于index的元素
:lt(index) 索引小于index的元素
:header 所有标题元素(h1~h6)
:animated 正在执行动画的所有元素
:contains(text) 含有文本内容为text的元素
:empty 不包含子元素或文本的空元素
:has(selector) 含有selector选择器所匹配的元素的元素
:parent 含有子元素或者文本的元素
:hidden 所有不可见元素
:visible 所有可见元素
属性过滤选择器：多个可合并
[att] 拥有此属性的元素
[att=val] 属性值为val的元素
[att!=val] 属性值不等于val的元素
[att^=val] 属性值以val开始的元素
[att$=val] 属性值以val结束的元素
[att*=val] 属性值含有val的元素
子元素过滤选择器
:nth-child(index/even/odd/equation)每个父元素下的第index个子元素或者奇偶元素index从1开始也可以是2n…代表2的倍数
:first-child每个父元素的第一个子元素
:last-child每个父元素的最后一个子元素
nly-child每个父元素中只有一个子元素的子元素
表单对象属性过滤选择器
:enabled 所有可用元素
:disabled 所有不可用元素
:checked 所有选中元素（单选、复选）
:selected 所有选中元素（下拉列表）
表单选择器
:input 所有imput，textarea，select，button
:text 所有单行文本框
:pass对象
13.jQuery对象和DOM对象间方法不可混用，可将jQuery对象转换成DOM对象后使用原本DOM对象的方法：$XXX[0]或者$XXX.get(0);将DOM对象转换成jQuery对象：var $XXX = $(XXX)，可将XXX的DOM对象转换成jQuery对象
14.判断复选框是否选中：$XXX.is(“:checked”)
解决和其他js框架的冲突：
① 后导入jQuery库
一开始调用方法：jQuery.noConflict();
使用：其他的可以用$，jQuery的只能用jQuery(“…”)
或者开始定义：var $j = jQuery.noConflict();然后其他的用$，jQuery的用$j(“…”)
共同使用$：
jQuery.noConflict();
(function($){
$(function(){
//jQuery代码可以使用$(“…”)
});
})(jQuery);
//其他js框架使用$(“…”)
② 先导入jQuery库：不需要调用jQuery.noConflict();其他一样使用
判断元素是否存在：
if($(“#id”).length 0) 或者if($(“#id”)[0]) 而不能用if($(“#id”))
获取对象的属性：Object.attr(“属性的key”)
设置对象的属性：Object.attr(“属性的key”,”属性的val”)或者Object.attr({key:val,key:val…}) 删除对象的属性：Object.removeAttr(“属性的key”)
追加样式：Object.addClass();
修改样式：可用attr来做
移除样式：Object.removeClass();多个之间用空格分隔
?创建HTML,DOM：$(“HTML标签”)例创建一个li：var $li1=$(“li/li”)
添加节点：
Object.append(Object2);在Object中追加Object2。例$(“ul”).append($li1);
Object.appendTo(Object2);与上一个相反，将Object追加到Object2中。$li1.appendTo(“ul”) Object.prepend(Object2);在Object前追加Object2。
篇四：JQuery中常用的函数方法总结
jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。
事件处理
ready(fn)
代码 ：
$(document).ready(function(){
// Your code here...
})；
作用 ：它可以极大地提高sg).shosg).hide() });
作用 ：jQuery中提供的比较常用的几个动态效果的函数。还可以添加参数：shoL 代码:
pspanHello/span,hoL 代码:
img/img/
jQuery 代码:
$(img).attr(src,test.jpg);
作用 ：取得或设置匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果 元素没有相应属性，则返回 undefined。在控制HTML标记上是必备的工具。
html()/html(val)
HTML 代码 :
divpHello/p/div
jQuery 代码 :
$(div).html();
结果:
pHello/p
作用 ：取得或设置匹配元素的html内容，同类型的方法还有text()和val()。前者是取得所有 匹配元素的内容。，后者是获得匹配元素的当前值。三者有相似的地方常用在内容的操作上。
。
empty()
HTML 代码:
pHello,spanperson/spana href=#and person/a/p
jQuery 代码:
$(p).empty();
结果:
p/p
作用 ：删除匹配的元素集合中所有的子节点。
Ajax 处理
load(url,[data],[callback])
url (String) : 待装入 HTML 网页网址。
data (Map) : (可选) 发送至服务器的 key/value 数据。
callback (Callback) : (可选) 载入成功时回调函数。
代码：
$(#feeds).load(feeds.aspx,{limit: 25},function(){
alert(The last 25 entries in the feed have been loaded);
});
作用 ：载入远程 HTML 文件代码并插入至 DOM 中。这也是Jquery操作Ajax最常用最有效的方法。
serialize()
HTML 代码:
p id=resultsbResults: /b/p
form
select name=single
optionSingle/option
optionSingle2/option
/select
select name=multiplemultiple=multiple
option selected=selectedMultiple/option
optionMultiple2/option
option selected=selectedMultiple3/option
/selectbr/
input type=checkboxname=checkvalue=check1/check1
input type=checkboxname=checkvalue=check2
checked=checked/check2
input type=radioname=radiovalue=radio1
checked=checked/radio1
input type=radioname=radiovalue=radio2/radio2
/form
jQuery 代码:
$(#results).append( tt+ $(form).serialize() + /tt);
作用 ：序列化表格内容为字符串。用于 Ajax 请求。
工 具
jQuery.each(obj,callback)
代码 ：
$.each( [0,1,2],function(i,n){
alert( Item #+ i + : + n );
});//遍历数组
$.each( { name: John,lang: JS},function(i,n){
alert( Name: + i + ,Value: + n );//遍历对象
});
作用 ：通用例遍方法，可用于例遍对象和数组。
jQuery.makeArray(obj) HTML 代码:
divFirst/divdivSecond/divdivThird/divdivFourth/div
jQuery 代码:
var arr = jQuery.makeArray(document.getElementsByTagName(div));
结果:
Fourth
Third
Second
First
作用 ：将类数组对象转换为数组对象。使我们可以在数组和对象之间灵活的转换。
jQuery.trim(str)
作用 ： 这个大家应该很熟悉，就是去掉字符串起始和结尾的空格。
小结：在实际的开发中我们可能会用到其他的方法和属性，以上只是个人认为新手初学jQuery时，必须掌握的一些方法。仅供大家学习的参考。有什么 不对的高手指教。
?
?
?
?18:01 浏览 (398) 评论 (0) 分类2010-06-24
缩略显示
文章分类:ent).ready(function(){ //选中所有的段落： $('p').css('color','red');//选中设置了title属性的段落：
以上就是《jquery常用技术总结》的范文全部内容，涉及到元素、匹配、所有、一个、属性、函数、查找、取得等方面，看完如果觉得有用请记得（CTRL+D）收藏。
Gz85.Com更多总结小编推荐
考研英语翻译常用方法总结
2020考研英语翻译常用方法总结
同位语译法
1. There is a principle that all citizens should meet minimal qualifications of age and literacy.
有一个这样的原则，那就是所有公民应当满足最低的年龄要求和识字能力要求。
2. part of the fame of Allens book is its contention that Circumstances do not make a person, they reveal him.
爱伦的书之所以出名，部分原因是因为它辩论的观点，即： 环境并未造就人，而是揭示了人的本性。
3. The anchester school of economics that supply and demand ountain is a sea of trees.
从这个塔上远眺，紫金山南麓是树的海洋。
3. printed ost of the prospective graduate students e courts are beginning to side any kinds of furniture.
木材可以用来制造各种家具。
2. These computers emit a great deal of heat, so the data centers need to be ight possibly be injurious to the intellect, and more probably to the moral character.
达尔文相信，这些品味的失去不仅是快乐的丧失，还可能损害才智，更有可能造成道德品质的败坏。
4. an arrives in heaven and is being shoost all our major problems involve human behavior, and they cannot be solved by physical and biological technology alone.
我们几乎所有重大问题都牵涉到人类行为，仅通过物理学和生物学技术是难以解决的。
9. Having endured a painful period of unsustainability in his oaintain vast data centers around the puters in the classroom on the behalf of students career prospects and those arguing for computers in the classroom for broader reasons of radical educational reform.
对于计算机课堂教学，人们在观点上存在着一条无形的界线：有人认为应从学生的就业前景来考虑这一问题，而另一些人认为应从推行彻底的教育改革方面来更加全面地考虑计算机进入教室这一问题。
长句的截断
1. Lots of studies have found that drug companies.
该机构实质性的购买力会巩固公共处方药保险计划，从而与药品公司谈判，以尽可能获得最低价格。
3. The behavioral sciences have been slos of CO2 depending on hoanagement of product ranges, logistics, and marketing intelligence.
大型零售商在管理产品类别、物流、以及营销智能化方面，可以应用其规模、已有基础设施和历经考验的技能，这是有利可图的。
6. His ic decline.
过去的两次危机均导致两位数通货膨胀和全球经济衰退。
3. pulse for unification to its extreme.
在物理学中，有一种方法将这一寻求一致性的冲动发挥到极致。
8. If a farmer wishes to succeed, he must try to keep a wide gap between his consumption and his production.
农业生产者想要成功，就必须尽量多生产而少消费。
来源：网络整理 免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。
英文写作常用句型分类总结
英文写作常用句型分类总结
一. 首段的句型
第一句：描述背景：
1. Along y personal viey personal vieoreover.
In conclusion, both sides above make sense. In my opinion, ..
作文类型三：说明一个现象的原因并给出解决方法
________(背景). ________(改写题目) port reason is that.123
The issues should be , people put forost importantapproach is that. In the second place,. In addition.
常用工作总结开头范文
工作总结之家工作总结频道为大家整理的常用工作总结开头范文，供大家阅读参考
转眼间，20xx年上半年即将过去。那么，20xx年上半年工作总结怎么写呢？各位如果正为此烦忧，可以参考以下这篇20xx年上半年工作总结范文，希望各位从中掌握工作总结写作技巧。
经过上一学期的工作实践，使我深刻体会到，要当好一个班的班主任的确不容易。怎样才能做一个好教师、怎样才能当一个让学校和学生满意的班主任，我是怀着这样一颗严肃负责的心来对待班主任工作的。 以下是我在这学期的个人工作总结报告
在过去的半年的时间里，我有过许多困惑，遇到过很多不明白、不知该怎样处理的问题，有过一些情绪，但是，在同事们的帮助下，在那份责任的推动下，我解决了各种矛盾，坚定了自己的方向。作为一名教师，作为班主任，我必须对学生负责，必须对学生家长负责，必须对学校负责，也必须对自己负责——毕竟这是我的工作。我要尽我的努力，将我的工作做到！抱着这样的思想，我踏踏实实、认认真真地工作，虽然做得还不是，但我一直在努力；虽然还谈不上有什么经验，但也有一些自己的想法。
作为我台的一个窗口部门，行政办公室承担着联系各级部门，协助领导处理行政事务；协调全台各部室之间关系，保障各部室灵活、高效运转；负责全台财务、物业、接待、福利，提供充分后勤保障等工作任务。由于许多工作具有事务杂、头绪多、时间紧迫、不易量化的特点，只有抱着对工作高度的责任感和掌握较为娴熟的业务能力，才能真正做好手头的工作。
20xx年上半年，对照年初制定的工作目标，在台领导的正确领导和各部室的大力支持下，我办紧紧围绕全台中心工作，充分发挥协调、服务和参谋助手作用，始终践行“做好领导参谋、做好部室配角、做好基层后勤”的工作理念，不断追求更高的工作效率、更优的服务质量和更顺畅的运行机制，在国家大事不断、“多难兴邦”的非常时期，立场坚定、反应迅速，较好地实现了组织、协调和服务的职能。现就半年来的主要工作总结
20xx年上半年，酒店营销部在全体员工共同努力，大家心往一处想，劲往一处使，积极拓展业务，宣传走访，公关营销闯出了一方新天地，酒店生意越做越红火，各项经济指标均超同期，实现时间过半，任务过半，为圆满完成全年营销目标打下坚实的基础。现将上半年工作情况作如下总结
首先在经营收入方面
20xx年上半年，办公室在院党组的正确领导下，在兄弟庭室的大力支持和协助下，坚持“三个至上”的指导思想，紧紧围绕我院审判工作重点，统一思想，团结协作，锐意进取，努力创新，为我院各项工作的全面推进提供高效优质的后勤服务。
办公室结合本部门实际，认真学习了《法院干警思想政治建设读本》，积极开展“优化投资环境保障科学发展”学习活动及“深入学习实践科学发展观”活动，活动中每人书写读书笔记二万余字，新得体会4篇。通过学习增强了干警的党性修养，强化干警敬业意识、服务意识。
工作中，紧紧围绕院党组的决策服务，树立全局意识和大局观念，服务好党组，服务好各庭室，服务好全院干警。工作积极主动，服务一丝不苟，凡事想在前，做在前，服务在前。对内顾全大局，团结协作，对外积极理顺和处理好各种工作关系；努力克服任务重、人员少的困难，通过提高办公水平、办公质量和办事效率，充分发挥办公室的综合作用，来确保审判工作及其他各项工作的顺利开展。