本系列文章导航 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对 ...
分类:
Web程序 时间:
2016-10-20 07:53:15
阅读次数:
225
基本操作{DOM}-html()方法 类似原于DOM中innerHTML 获取 html() 设置(修改) html(html) -val() 方法 类似原于DOM中value 获取 val() 设置(修改) val(value值) -attr()方法 类似原于DOM中getAttribute(); ...
分类:
Web程序 时间:
2016-10-18 18:33:45
阅读次数:
180
$('div').addClass('box') //添加class $('div').removeClass('alert') //删除 $('div').hasClass('alert') //是否存在 $('div').toggleClass('box') //切换,有则删除,无则添加 ...
分类:
Web程序 时间:
2016-10-18 18:06:15
阅读次数:
170
一、数据准备 <table id="table1"> <tr><th>文章标题</th><th>文章分类</th><th>发布时间</th><th>操作</th></tr> <tr><td>测试</td><td>测试</td><td>测试</td><td>测试</td></tr> <tr><td>测 ...
分类:
Web程序 时间:
2016-10-18 13:56:42
阅读次数:
170
一、JQuery选择元素 1.$("p").click(function(){$(this).hide();} 点击HTML页面的任何p元素都会隐藏该p元素 2.$("#test").hide() 隐藏id=test的元素 3.$(".test").hide() 隐藏class=test的元素 总结 ...
分类:
Web程序 时间:
2016-10-14 17:27:05
阅读次数:
176
一入前端深似海,刚入前端,以为前端只是div+css布局外加jquery操作DOM树辣么简单。伴随着对前端学习的深入,发现前端也是博大精深,而且懂得越多,才发现自己越无知,所以一定不能停下脚步的学习。原来前端也有设计模式,那么开始了解吧! 今天来学最简单的单体模式,其实就是简单的Object扩展 上 ...
分类:
编程语言 时间:
2016-10-14 00:33:00
阅读次数:
185
这篇文章主要介绍了jquery中cookie用法,结合实例详细分析了jQuery操作cookie的获取,存储,删除等操作,并附带了Jquery操作Cookie记录用户查询过信息实现方法,需要的朋友可以参考下 这篇文章主要介绍了jquery中cookie用法,结合实例详细分析了jQuery操作cook ...
分类:
Web程序 时间:
2016-10-10 20:02:49
阅读次数:
252
<select id="selector"></select> 1、设置value为pxx的项选中 $("#selector").val("xxx"); 2、设置text为pxx的项选中 $("#selector").find("option[text='xxx']").attr("selected ...
分类:
Web程序 时间:
2016-10-07 17:31:28
阅读次数:
245
1.设置单个属性 2.设置多个属性 3.获取属性 注意: 获取属性时,只会获取到第一个元素对应的属性,与css方法一样 获取属性时,如果该属性不存在,那么会返回undefined 【案例:美女相册】 4.移除属性 prop方法 注意: 在jQuery1.6之后,对于checked、selected、 ...
分类:
Web程序 时间:
2016-09-25 22:21:37
阅读次数:
181
css操作 功能:设置或者修改样式,操作的是style属性。 设置单个样式 设置多个样式 获取样式 注意:获取样式操作只会返回第一个元素对应的样式值。 添加样式类 移除所有样式类 移除单个样式类 判断是否有样式类 切换样式类 经验总结: ...
分类:
Web程序 时间:
2016-09-24 12:02:08
阅读次数:
155