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

w3school---JQuery HTML

时间:2014-05-29 03:47:19      阅读:304      评论:0      收藏:0      [点我收藏+]

标签:style   c   class   http   a   ext   

DOM = Document Object Model(文档对象模型)

三个简单实用的用于 DOM 操作的 jQuery 方法:

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值
获取属性 - attr(): $("#w3s").attr("href");设置属性值: $("#w3s").attr("href","http://www.w3school.com.cn/jquery");使用对象({"href":"www","title":"http"})可以同时设置多个。
text()、html() 以及 val() 的回调函数:
回调函数由两个参数:被选元素列表中当前元素的下标i,以及原始(旧的)值origValue。
$("button").click(function(){$("#w3s").attr("href", function(i,origValue){   return origValue + "/jquery"; });  });

添加新的 HTML 内容

  • append() - 在被选元素的结尾插入内容 , 在元素中
  • prepend() - 在被选元素的开头插入内容,在元素中
  • after() - 在被选元素之后插入内容,
  • before() - 在被选元素之前插入内容

删除元素/内容

jQuery remove() 方法删除被选元素及其子元素。

jQuery empty() 方法删除被选元素的子元素。

jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。即只删除带参数的

jQuery 操作 CSS   (css参数)

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作
  • css() - 设置或返回样式属性。 返回(首个)指定的 CSS 属性的值,设置样式css({"propertyname":"value","propertyname":"value",...});

宽高:

  • width()、height():获取 $(document).width();  $(window).width();  设置:$("#div1").width(500).height(500);
  • innerWidth()、innerHeight() 返回元素的宽高(包括内边距)
  • outerWidth()、outerHeight()返回元素的宽高(包括内边距和边框

 

 

 

 

 

 

 

 

 

 

 

 

 

w3school---JQuery HTML,布布扣,bubuko.com

w3school---JQuery HTML

标签:style   c   class   http   a   ext   

原文地址:http://www.cnblogs.com/zmxie/p/3754128.html

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