码迷,mamicode.com
首页 > Web开发 > 详细

jQuery总结

时间:2017-08-19 00:47:50      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:程序员   一个   sof   back   选择   htm   dex   span   eval   

jQuery解决了dom在浏览器兼容性上面的问题.也提供了一系列的函数.可以让程序员写得更少,性能更高.

jQuery对象相当于一个DOM或多个DOM对象.可以看作是DOM数组.拥有 index的属性.

jQuery 中变量一般使用 $开头  这样一眼就可以开出是一个jQuery对象. $name 可以用.each()的方法来遍历其中包含的每一个DOM对象.

今天在做炫彩格子案例的时候碰到了一个问题setInterval  (function(){}) 这个函数里面的this是指向 windows的.这样就导致在调用div.mouseenter的时候可以改变div的背景色,而定时器定时让div的颜色归为255的时候出现问题.发现可以用刚开始的

$("div").mouseenter(function(){

this.style.backgroundColor=;

})

然后再用一个变量指向这个this.这样就可以在setInterval里面利用这个变量来指向当前的div 节点.来进行操作.好像涉及到闭包的问题,然而课程没有涉及.

http://www.jb51.net/article/102232.htm 这里是一个比较详细的解释setTimeout 的this  和setInterval 原理一样.

 

jQuery操作元素的一些方法

.css(n)是获取元素的css/n属性的属性值//.css(n,value)将CSS的n设置为value.

.addClass(str)添加元素Class的属性 在原来的基础上加上一个str

.removeClass(str) 删除元素的Class的属性 在原来的基础上删除 (前提是存在) 

.toggleClass("") 存在就删除,没有就添加.

 

$(element).html() 获得第一个元素的html内容
$(element).html(string) 设置所以的元素html 内容为string 相当于innerHTML
$(element).val()获得第一个元素的val属性的值(div没有value ..有才能获得)
$(element).val(string)设置所以元素的val属性的值为string.

 

children() 获得元素的子元素

parent() 获得元素的父元素

prevall() 获得元素之前的兄弟元素
nextall() 获得元素之后的兄弟元素
siblings() 获得兄弟元素

 

伪类选择器用法 一般和其他的选择器搭配使用.
:eq(index) 选中索引为index的元素
:gt(index) 选中索引index后面的元素
:lt(index) 选中索引index之前的元素
:not(selector) 对括号里面选中的取反.
复合选择器 和CSS的 是相同的.

 

 

attr(属性名) attr("id") 有属性id的第一个值

attr(属性名,value) 设置所有的元素,该属性值为value.
attr(属性名,function(index,value){})index是索引位置,value为原值.
设置所有的元素,该属性值由函数返回值来决定.attr 可以对自定义属性进行操作。
在DOM中,元素的五个只读属性包括checked这样的属性,attr是不能获得与DOM相同的值,这个时候可以用函数prop()来操作.prop对自定义属性无效。

 

jQuery总结

标签:程序员   一个   sof   back   选择   htm   dex   span   eval   

原文地址:http://www.cnblogs.com/yqwstart2017/p/7392582.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!