• 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()方法设置或者返回滚动条被卷去的元素的宽度

  • 相关阅读:
    "Emgu.CV.CvInvoke”的类型初始值设定项引发异常 解决办法
    EmguCV(OpenCV)实现高效显示视频(YUV)叠加包括汉字
    yuv420p转为emgucv的图像格式Emgu.CV.Image<Bgr, Byte>
    Emgu.CV/opencv 绘图 线面文字包括中文
    5.9 HTML5 新增表单控件 ---不是特别重要
    5.8 HTML5新结构标签
    5.8 HTML5新结构标签 ---不是特别重要
    5.7 CSS浏览器前缀
    5.6 CSS3 animation动画
    5.5 CSS3 transform变换
  • 原文地址:https://www.cnblogs.com/wangxue13/p/13474679.html
Copyright © 2020-2023  润新知