jQuery模糊知识点

原创 2013年12月04日 09:54:29

$("#msg").html();    //返回id为msg的元素节点的html内容。

$("#msg").html("<b>new content</b>"); 

//将“<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content

 

$("#msg").text();    //返回id为msg的元素节点的文本内容。

$("#msg").text("<b>new content</b>"); 

//将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new content</b>

 

$("input").val(); //返回表单输入框的value值

$("input").val("test"); //将表单输入框的value值设为test

 

 

集合处理功能:

对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。

包括两种形式:

$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]}) 

//为索引分别为0,1,2的p元素分别设定不同的字体颜色。

 

$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]}) 

//实现表格的隔行换色效果

 

$("p").click(function(){alert($(this).html())})    

//为每个p元素增加了click事件,单击某个p元素则弹出其内容

 

line-height:该属性是设定字体之间的行高

text-transform:字母大小写设定

 

1)hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。

//当鼠标放在表格的某行上时将class置为over,离开时置为out。

$("tr").hover(function(){

$(this).addClass("over");

},

function(){

$(this).addClass("out"); 

});

 

(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

$(document).ready(function(){alert("Load Success")})

//页面加载完毕提示“Load Success”,相当于onload事件。与$(fn)等价

 

(3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。

//每次点击时轮换添加和删除名为selected的class。

$("p").toggle(function(){

   $(this).addClass("selected"); 

},function(){

   $(this).removeClass("selected"); 

});

 

(4)trigger(eventtype): 在每一个匹配的元素上触发某类事件。

例如:

$("p").trigger("click");    //触发所有p元素的click事件

 

(5)bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定

从每一个匹配的元素中(添加)删除绑定的事件。

例如:

$("p").bind("click", function(){alert($(this).text());}); //为每个p元素添加单击事件

$("p").unbind(); //删除所有p元素上的所有事件

$("p").unbind("click") //删除所有p元素上的单击事件

 

 

 

模糊知识点之通过过滤器实现Gzip压缩

Gzip是若干种文件压缩程序的简称,

重温那些模糊的知识点 ----Session,Cookie

众所周知,Session和Cookie是在用来保存用户数据的技术,我们得引入“会话”这个概念, 一次“会话”是用户打开浏览器进行一系列操作后,关闭浏览器的过程。在会话过程中,我们用到Session,C...

重温模糊知识点之枚举举例

前几天看到一个帖子,问的是有一个枚举类型,但是其中的元素带着不同的参数...

重温模糊知识点之模拟struts2中的token(用servlet实现)

我们都知道struts2中的token是为了防止数据的重复提交,那么其背后到底是怎么实现的,我们...

Oracle知识点(2)简单查询 模糊查询 范围查询

1简单查询是将一张数据表中所有数据行的内容都显示出来; 2 在查询语句之中先执行FROM字句确定数据来源 (此时实际上是所有的行和列)以控制要显示的数据列 3如果出现数据的重复 可以使用distinc...
  • tyhgfgh
  • tyhgfgh
  • 2016年09月17日 17:18
  • 360

重温模糊知识点之继承httpServlet为什么不重写service方法

存在这个一个jichengu

近期工作中模糊知识点总结

1. 将access的.mdb数据库文件放在web项目的WebRoot目录下的db文件夹下,即  使用相对路径,未部署到tomcat服务器下时运行正常。一旦部署到tomcat下,则在连接数据库时常报错...
  • arenn
  • arenn
  • 2016年11月02日 17:40
  • 193

工作中自己遇到的知识点模糊或者思路堵塞小结(1)

学习surfaceView 1 : setZOrderOnTop(true); mHolder.setFormat(PixelFormat.TRANSPARENT);//设置...
  • qdh186
  • qdh186
  • 2016年07月25日 20:25
  • 243

jquery知识点

  • 2015年09月13日 15:51
  • 36KB
  • 下载

jquery课件知识点

  • 2017年08月04日 16:57
  • 655KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery模糊知识点
举报原因:
原因补充:

(最多只允许输入30个字)