![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery任我行
NewScarlett
这个作者很懒,什么都没留下…
展开
-
jquery用$(this)选择下面的子元素
方法很简单,只需要使用jQuery的find()函数;html代码如下:dddddddddddddddddjquery代码如下:$(document).ready(function(){$("div").hover(function(){$(this).find("input").fadeIn();},function(){$(this)原创 2013-07-18 07:30:35 · 3227 阅读 · 0 评论 -
锋利的jquery读书心得
$(document).ready(function(){$(".has_children").click(function(){$(this).addClass("hover")//为当前的元素增加hover类.children("a").show("").end()//获取当前元素的子节点并且显示;重新定位到上次操作的元素;.siblings().removeClass原创 2013-07-26 11:56:25 · 673 阅读 · 0 评论 -
jquery对象和dom对象的区别以及转换方法
一、dom对象和jquery对象的区别dom对象是通过javascript方法获取到的dom元素,只能使用javascript方法;jquery对象是通过jquery方法获取到的dom元素,只能使用jquery方法;二、定义变量的区别var $elementName=jquery对象;var elementName=dom对象;三、jquery对象转换成dom对象方法如下原创 2013-07-26 13:30:30 · 872 阅读 · 0 评论 -
jquery DOM操作
1、offset()方法获取当前元素在视窗的相对偏移;var off=$("p").offset();alert(off.top+"and"+off.left);2、position()方法获取当前元素相对于最近的一个position:relativa/absolute的祖父节点的相对偏移,也有top和left属性;原创 2013-07-31 18:13:42 · 524 阅读 · 0 评论 -
jquery遍历节点
1、children()方法用于取得匹配元素的子元素集合(注意只是考虑到子元素,而不是后代元素);2、next()方法用于取得匹配元素后面紧邻的同辈元素;3、prev()方法用于取得匹配元素前面紧邻的同辈元素;4、siblings()方法用于取得匹配元素前后所有的同辈元素;5、closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。原创 2013-07-31 17:55:37 · 695 阅读 · 0 评论 -
jquery 单引号和双引号的区别
可以执行的语法:$("ul li a").filter(":contains('佳能'),:contains('松下'),:contains('卡西欧')").css("color","red");错误的语法:$("ul li a").filter(":contains("佳能"),:contains("松下"),:contains("卡西欧")").css("color","red");原创 2013-07-31 11:33:33 · 2948 阅读 · 1 评论 -
选择器中含有空格的注意事项
原理解释:var $t_a=$(".test :hidden") //带空格 表示的是选择class为test里面隐藏的元素;var $t_a=$(".test:hidden")//不带空格 表示的是选择隐藏的class为test的元素;举例说明: $(document).ready(function(){var $a1=$(".test :hid原创 2013-07-31 09:36:04 · 763 阅读 · 0 评论 -
jquery的DOM操作
1、查找属性节点:attr()方法来获取属性的值,它的参数可以是一个也可以是多个;例如: attr("title")//获取属性值attr("title","aaaaaaaaa")//将属性值改为aaaaaaaaa2、创建节点: var $ lia=$("aaaaa")3、插入节点的方法:append()直接追加;appendTo()追加到 例如A.appendTo(B原创 2013-07-31 14:41:17 · 662 阅读 · 0 评论 -
jQuery 遍历 - filter() 方法
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。详细说明如果给定表示 DOM 元素集合的 jQuery 对象,.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素;所有匹配该选择器的元素都会包含在结果中。请思考下面这个拥有简单列表的页面: list item 1 list item 2原创 2013-07-31 10:27:47 · 701 阅读 · 0 评论 -
设置和获取html、文本和值
1、html()方法 获取实例:alert($("p").html()); 设置实例:$("p").html("aaaaa");2、text()方法 获取文本:$("p").text();设置实例:$("p").text("您好,先生!");3、val()方法 1)获取表单元素的值;2)设置表单元素的值(defaultValue属性是该元素的初始值)原创 2013-07-31 16:39:08 · 1477 阅读 · 0 评论 -
jquery的显示隐藏实例
佳能(30440) 索尼(27220) 三星(20808) 尼康(17821) 松下(12289) 卡西欧(8242) 富士(14894) 柯达(9520) 宾得(2195) 理光(4114) 奥林巴斯(12205) 明基(1466) 爱国者(3091) 其它品牌相机(7275) 显示全部品牌1、使用判断方法来控制原创 2013-07-31 11:55:52 · 795 阅读 · 0 评论 -
jquery 隐式迭代
隐式迭代的意思是,query选择器,得到的是这个对象的集合,所以不用再循环去找了。原创 2013-07-29 13:15:55 · 1138 阅读 · 0 评论 -
使用jquery获取父元素或父节点的方法
jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解:先举个例子,1.ul class="parent1"> 2.li>a href="#" id="item1">jquery获取父节点a>li> 3.li>a href="#">jquery获取父元素a>l转载 2013-07-18 09:28:50 · 784 阅读 · 0 评论 -
jquery的选择器大集合
基本选择器:$("#text"),$(".text"),$("p"),$("*") $("div,p,span.className");层次选择器:$("div span"),$("div>span") $(".one+div")//选取class为one的下一个div元素;备注:$(".one+div")可以用$(".one").next("div")来替代; $原创 2013-07-27 14:17:00 · 748 阅读 · 0 评论