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");



原文地址:https://www.cnblogs.com/chjb/p/4315165.html