zoukankan      html  css  js  c++  java
  • jquery随便写些

    查找所有div下的p元素.....$("div>p");

    设置页面背景色.........$(document.body).css("background","black");

    隐藏一个表单中所有元素..........$(myForm.elements).hide();

    >>>>>>>>>在文档的第一个表单中,查找所有的单选按钮(即:type值为radio的input元素).....$("input:radio",document.forms[0]);

    在一个由AJAX返回的xml文档中,查找所有的div元素.........$("div",xml.responseXML)

    动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。

    $("<div><p>Hello</p></div>").appendTo("body");

    >>>>>>>>>创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。

    // 在 IE 中无效:
    $("<input>").attr("type", "checkbox");
    // 在 IE 中有效:
    $("<input type='checkbox'>");

    >>>>>动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。

    $("<div>", {
      "class": "test",
      text: "Click me!",
      click: function(){
        $(this).toggleClass("test");
      }
    }).appendTo("body");

    >>>>>>>>创建一个 <input> 元素,同时设定 type 属性、属性值,以及一些事件。

    $("<input>", {
      type: "text",
      val: "Test",
      focusin: function() {
        $(this).addClass("active");
      },
      focusout: function() {
        $(this).removeClass("active");
      }
    }).appendTo("form");



  • 相关阅读:
    【入门OJ】2003: [Noip模拟题]寻找羔羊
    vue history模式 ios微信分享坑
    JS预解释
    vuex存储和本地存储(localstorage、sessionstorage)的区别
    call、apply、bind
    正则表达式常用元字符
    微信公众号自定义菜单跳转到相关联小程序
    javaScript运动框架之缓冲运动
    javaScript运动框架之匀速运动
    js事件冒泡、阻止事件冒泡以及阻止默认行为
  • 原文地址:https://www.cnblogs.com/chjb/p/4315165.html
Copyright © 2011-2022 走看看