zoukankan      html  css  js  c++  java
  • w3school---JQuery HTML

    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()返回元素的宽高(包括内边距和边框
  • 相关阅读:
    Day 20 初识面向对象
    Day 16 常用模块
    Day 15 正则表达式 re模块
    D14 模块 导入模块 开发目录规范
    Day 13 迭代器,生成器,内置函数
    Day 12 递归,二分算法,推导式,匿名函数
    Day 11 闭包函数.装饰器
    D10 函数(二) 嵌套,命名空间作用域
    D09 函数(一) 返回值,参数
    Day 07 Day08 字符编码与文件处理
  • 原文地址:https://www.cnblogs.com/zmxie/p/3754128.html
Copyright © 2011-2022 走看看