• jquery 进行dom操作


    1.使用jqury进行dom操作

    (1).新建节点 使用$()包住即可返回值是jquery对象

    var $liNode=$("<li></li>")

    (2).把节点插入到文档中的8个方法

    1.append,appendTo    这两个方法是插入到文档的末尾,注意append的左边是要被插入的对象,其他的同理可知

    2.pretend,pretendTo  插入到文档的头

    3.insertAfter,after   插入到文档的后面

    4.insertBefore,before  插入到文档的前面

    (3).删除节点

    a.remove();a被清除

    (4)清空节点

    a.empty();a被清空

    (5)克隆节点

    //在红警的下面game中克隆北京
    $('#game li:first').after($('#a1').clone(true).attr("id","a2"));

    (6)替换节点

    //创建一个字节点替换游戏中的红警节点
    $("<li>景德镇</li>").replaceAll($('#game li:first'));
    $('#a1').replaceWith($("<li>景德镇</li>"))

    注意:由于replaceAll和replaceWith的返回值不同建议优先使用replaceWith()方法

    var $bj= $('#a1').clone();
    //红警被北京替换掉
    var $h=$('#h').replaceWith($bj);
    //背静替换红警;

    $('#a1').replaceWith($h);

    (7).val() html().text(),attr(),width(),height()都具有读写的方法;

    //得到某个节点的html()内容

     alert($('#city').html())

    设置某个节点的html()内容

    val()方法我不知道的

    可以设置单选下拉列表的值

    $('单选框').val("选择1");

    设置多选下拉列表的值val()的参数必须是数组

    $('#multiple').val(["选择1","选择2"]);

    注意:设置单选按钮val()的参数也一定要是数组

    $(':radio').val(["单选1"]);

    2.技术点之外

    input text  val()才能得到文本值而text()不能得到

    (1)defaultValue这是一个dom属性,可以读取表单的默认值

     (2)val()radio设置也要使用数组

    (3)jquery可以实现方法的连缀。因为他调用后返回的还是他本身

    (4)find()查找子节点,返回的是子节点jquery对象

    1.处理的问题就是getParameter()乱码的问题
    问题原因:text-workspace的编码方式不同,网页进行传输是iso-8859-1
    解决方式.:设置统一的编码方式
    1.点击项目邮件最下角有一个properties里设置utf-8
    2.点击window-prefenences-general-content Type-text设置同意的编码格式
    2.jquery的添加html文本时
    不能进行直接
    $('ul').append("<li>")
    .append("<div></div>")
    .append("<div></div>")
    .append("<div></div>")
    .append("</li>");
    他这样添加的是这样的代码
    <li><li>
    <div></div>
    <div></div>


    所以应该这样先定义<li></li>节点
    var $li=$("<li></li>");
    $li.append("<div></div>")
    .append("<div></div>")
    .append("<div></div>")
    然后获取ul节点进行添加
    $(".ul").append($li);

  • 相关阅读:
    MvvmLight:Command
    TreeView控件
    visual studio背景色
    公共语言运行时
    颜色列表
    自定义控件【旋转按钮,带圆角的边框】
    Loding Animation
    ComboBox前台xaml绑定数据
    Blend一些属性图解
    找到视觉树的方法
  • 原文地址:https://www.cnblogs.com/fupengpeng/p/6692912.html
Copyright © 2020-2023  润新知