jquery选择器

克隆节点:

   $("#ld").clone().appendTo("#user");

克隆id等于ld的元素克隆并追加到iduser的元素中

  $("#ld").clone().insertAfter("#abm");

 克隆id等于ld的元素克隆并追加到idabm的元素之后

包裹元素

   $("ul").wrp("<div></div>")   uldiv进行包裹

$("ul").wrap($("#aaa"))  ul用指定的div进行包裹(但是并不是原来的div进行包裹,而是在ul位置重新创建一个div)

属性attr

$("#id" ).attr('class') 根据id值获取元素的class

$('li') .attr('id')    取得第一个匹配元素的id属性值  (只获取第一个)

$("#id").attr("class","content") ;  设置divclass属性是content" 

$("#id").removeAttr("class")  根据id属性 移除divclass属性

Css样式操作

 assClass 为每个匹配的元素添加指定的类名 

 $("#id").assClass('样式名') id=id的元素添加样式(可先写好css,然后再直接赋予其class属性值) 

  

removeClass(class)从所有匹配的元素中删除全部或者指定的类。

$(".one").removeClass("one") 移除divclass属性,使其不能获取css

toggleClass(class) 如果存在(不存在)就删除(添加)一个类。

 $("tr:even").toggleClass("two");表格隔行变色效果(根据tr获取索引为偶数的行,如果不存在class="two"属性就添加,如果存在class="two"属性就删除)(如果有原来的class属性,添加时会覆盖,删除后又会重新使用原来的属性)

toggleClass( class, switch ) 如果开关switch参数为true则加上对应的class,否则就删除。

 

事件:

.click  -----点击事件

.focus  ---获取光标

.blur   ---失去光标

.dblclick ---双击事件

this.defaultValue------获取默认值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果没有指定context参数,$()将在当前的 HTML 文档中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。 参考 Selectors 获取更多用于 expression 参数的 CSS 语法的信息。 ________________________________________ This function accepts a string containing a CSS selector which is then used to match a set of elements. The core functionality of jQuery centers around this function. Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS), which then finds all matching elements. By default, if no context is specified, $() looks for DOM elements within the context of the current HTML document. If you do specify a context, such as a DOM element or jQuery object, the expression will be matched against the contents of that context. See Selectors for the allowed CSS syntax for expressions. 返回值 jQuery 参数 expression (String) : 用来查找的字符串 context (Element, jQuery) : (可选) 作为待查找的 DOM 元素集、文档或 jQuery 对象。 示例 找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。 HTML 代码: <p>one</p> <div><p>two</p></div> <p>three</p> jQuery 代码: $("div > p"); 结果: [ <p>two</p> ] ________________________________________ 在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); ________________________________________ 在一个由 AJAX 返回的 XML 文档中,查找所有的 div 元素。 jQuery 代码: $("div", xml.responseXML); jQuery(html,[ownerDocument]) jQuery(html,[ownerDocument]) 根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。 你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $("<span/>") 或 $("<span></span>") ,但不推荐 $("<span>")。在jQuery 中,这个语法等同于$(document.createElement("span")) 。 ________________________________________ Create DOM elements on-the-fly from the provided String of raw HTML. You can pass in plain HTML Strings written by hand, create them using some template engine or plugin, or load them via AJAX. There are limitations when creating input elements, see the second example. Also when passing strings that may include slashes (such as an image path), escape the slashes. When creating single elements use the closing tag or XHTML format. For example, to create a span use $("<span/>") or $("<span></span>") instead of without the closing slash/tag. As of jQuery 1.3 this syntax is completely equivalent to $(document.createElement("span")) 返回值 jQuery 参数 html (String) : 用于动态创建DOM元素的HTML标记字符串 ownerDocument (Document) : 可选,创建DOM元素所在的文档 示例 动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以,这个函数既有灵活性,也有局限性。 jQuery 代码: $("<div><p>Hello</p></div>").appendTo("body"); ________________________________________ 创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。 jQuery 代码: // 在 IE 中无效: $("<input>").attr("type", "checkbox"); // 在 IE 中有效: $("<input type='checkbox'>"); jQuery(elements) .................................................................................................................................................

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值