zoukankan      html  css  js  c++  java
  • jQuery-HTML

    知识点一:jQuery对HTML的设置与捕获

    1、text():设置或返回所选元素的文本内容

    返回:$("#btn1").click(function(){

    alert("Text:"+$("#test").text());

    });

    设置:$("#btn1").click(function(){

    $("#test1").text("Helloworld!");

    });。

    2、html():设置或返回所选元素的内容(包括HTML标记、注释、属性、文本)

    返回:$("#btn2").click(function(){

    alert("HTML:"+$("#test").html());

    });

    设置:$("#btn2").click(function(){

    $("#test2").html("<b>Helloworld!</b>");

    });

    3、val():设置或返回表单字段的值

    返回:$("#btn1").click(function(){

    alert("值为:"+$("#test").val());

    });

    设置:$("#btn3").click(function(){

    $("#test3").val("RUNOOB");

    });

    4、attr()、prop():用于获取和返回属性值。

    1、prop()具有true和false两个属性的属性,如checked,selected或者disabled使用prop(),其他的使用attr()

    2、prop()可以设置返回被选元素的本身属性,但自定义属性不行

    3、attr()不仅可以返回(设置)元素的原生属性,还可以返回(设置)自定义属性

    4、$("button").click(function(){

    alert($("#runoob").attr("href"));

    });

    $("button").click(function(){

    $("#runoob").attr("href","http://www.runoob.com/jquery");

    });

    知识点二、jQuery对HTML的页面尺寸操作

    1、width()方法设置或返回元素的宽度(不包括内边距、边框或外边距,不用加px)==width

    2、height()方法设置或返回元素的高度(不包括内边距、边框或外边距, 不用加px)==height

    3、innerWidth()方法返回元素的宽度(包括内边距)==clientWidth

    4、innerHeight()方法返回元素的高度(包括内边距)==clientHeight

    5、outerWidth()方法返回元素的宽度(包括内边距和边框)==offsetWidth

    6、outerHeight()方法返回元素的高度(包括内边距和边框)==offsetHeight

    7、scrollTop()方法设置或者返回滚动条被卷去的元素的高度

    8、scrollLeft()方法设置或者返回滚动条被卷去的元素的宽度

  • 相关阅读:
    Sublime Text 命令大全(积累所得)
    端口号
    帝之意志 看透世间
    Session and Cookie的基础用法
    厌胜术
    微信支付
    微信登录
    navicat常用快捷键与SQL基本使用
    idea Spring项目一直报错,但是点击进去就恢复正常了,解决办法,通过mvn idea:module命令生成iml文件
    解决报错WARNING: IPv4 forwarding is disabled. Networking will not work.
  • 原文地址:https://www.cnblogs.com/wangxue13/p/13474679.html
Copyright © 2011-2022 走看看