jQuery笔记(1)

jQuery 是一个类库 拥有众多js函数的类库

jQuery 大大简化了js的书写代码,看的舒服,用的爽。

jQuery 是一个数组,它能够隐性的遍历。

比如 ${"button"} 这样就把body 标签里面的<button /> 标签都给遍历了。

${"button"}.click(function() {
   // 弹出HelloWorld
       alerd("HelloWorld");

   //jQuery 和DOM 对象
   //1). 获取一个 jQuery 对象
    var $btn = $("button");

   //2). jQuery 对象是一个数组
   alert($btn.length);

   //3). 可以通过数组的下标转为DOM对象
   alert($btn[0].firsChild.nodeValue);          
}
)

    <body>
        <button>1</button>
        <button>2</button>
    </body>   

var $btn = $("button"); 就是获取一个jQuery对象 这个 Jquery对象 可以对button标签进行操作。

这里的隐性遍历就是把 body里面的 button 标签都给添加click点击事件。

// 2. 由DOM 对象转换为jQuery对象
// 1). 选取一个 DOM 对象
 var btn = document.getElementById("btn");

// 2). 把 btn 用 $("") 进行包装 这样就转换成为了jQuery对象

alert($("btn").text());
// 还可以用this,this表示 btn 引用当前 DOM对象alert($(this).text());

  

时间: 2024-10-27 13:44:54

jQuery笔记(1)的相关文章

初学JQuery笔记

extend()函数是jQuery的基础函数之一,作用是扩展现有的对象 <script type="text/javascript" src="jquery-1.5.2.js"></script> <script> obj1 = { a : 'a', b : 'b' }; obj2 = { x : { xxx : 'xxx', yyy : 'yyy' }, y : 'y' }; $.extend(true, obj1, obj2)

前端:jQuery笔记

前端:jQuery笔记 此系列文章乃是学习jQuery的学习笔记. Asp.net MVC Comet推送 摘要: 一.简介 在Asp.net MVC实现的Comet推送的原理很简单. 服务器端:接收到服务器发送的AJAX请求,服务器端并不返回,而是将其Hold住,待到有东西要通知客户端时,才将这个请求返回. 客户端:请求异步Action,当接收到一个返回时,立即又再发送一个. 缺点:会长期占用一个Asp...阅读全文 posted @ 2015-02-10 12:01 逆心 阅读(1072)

jquery笔记之属性选择器 查找以某种条件开头的页面元素

jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]")                查找所有含有 id 属性的div元素. $("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素. $("div[id!='ajaxa']")       查找 id 不为 ajax

JQuery 笔记 $.load get post ajax

1. load  从服务器上获取静态文件 <div id="resText"></div> $('resText').load('test.html', {a:1, b:2}, function(responseText, textStatus, XMLHttpRequest){ // code here }) 2. get $.get(url [,data] [,callback] [,type]){ // url // data = {a:1, ...} /

js+jquery 笔记

本人也不知道该怎么写javascript笔记,本人就拿一个例子来写,这个例子就从算法所说起吧! 例如: 一个整数的数组 [122,393,664,935,1386,1675,1928,2199,2470,2741,3012],假设给定一个整数变量x,我们要找出数组那个成员与x的值最接近. javascript sort()方法 语法:   1 arrayObject.sort(sortby) sortby(可选.规定是排序顺序.必须是函数). javascript push()方法 语法:  1

jQuery笔记(一)jQuery选择器

一.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步. 二.Dom对象与jQuery对象的转换 (1) Dom转jQuery包装集 ($(Dom)) 如果要使用jQuery提供的函数,  就要首先构造jQuery包

慕课网 jQuery 笔记

$("div").html()是使用标签选择器获取div标签,对应于javascript中的各类选择器 $("*") --所有元素 $("#lastname") --id="lastname" 的元素 $(".intro") --所有 class="intro" 的元素 $("p") --所有 <p> 元素 $(".intro.demo"

jquery笔记

选取子元素后代元素的时候,需要加一个空格 //选取class为one的div元素下的第2个子元素 $("div.one :nth-child(2)") //选取class为one的div父元素下的第一个子元素 $(".one :first-child") //下拉框被选择,如果不加空格,获取不到,选择的是select下面的option,是子元素 $("select selected") $("#btn5").click(fun

锋利的jQuery笔记

1.jquery 选择器: 1.  :not()不含有 2.  :gt(num)选择第num+1之后的所有元素 3. fiter(exper)  筛选出指定表达式匹配元素的集合 对自身元素进行筛选 4. find() 筛选出自身子集操作 5. :contains('str')  包含指定字符串str的 6. div:visible  选取所有可见得的DIV元素 7.div:hiden  和上面相反 8 :enable 选取所有可用元素 9 :disabled 选取所有不可用元素 10 :chec

jquery笔记1--选择器

一.概述:jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互.jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:具有高效灵