1.

$("div > p"); div 元素的所有p子元素。

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

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

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

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

2.$("<input type='checkbox'>"); // 创建一个 <input> 元素 在 IE和其他浏览器 中有效:因为IE中必须 <input> 元素的 type 只能写一次

$("<div><p>Hello</p></div>").appendTo("body");创建一个元素并且添加到指定元素中

 $("<div>", { "class": "test",  text: "Click me!",  click: function(){ $(this).toggleClass("test");}}).appendTo("body");创建一个元素并添加其属性和事件。

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

3.$(document).ready()加载完成后要执行的函数，简化为$(function(){// 文档就绪});

4.$.holdReady(true);$.getScript("myplugin.js", function() {$.holdReady(false);});//延迟文档加载，主要使用于动态脚本加载器。此方法必须早在文件调用，在这样<head> jQuery脚本后，立即标记

5.$("img").each(function(i){this.src = "test" + i + ".jpg";});//对每个元素执行处理，注意i是一个索引

  $("img").each(function(){$(this).toggleClass("example");});//转化为jquery对象

$("button").click(function () {$("div").each(function (index, domEle) {//第一个是索引，第二个是函数依次执行到的元素

   // domEle == this
  $(domEle).css("backgroundColor", "yellow");

  if ($(this).is("#stop")) {
  $("span").text("Stopped at div index #" + index);
  return false; } });});

6.$("img").size();

  $("img").length;

7.$("ul").selector//返回当前选择器，此处为ul

8. $("ul").context//返回原始的DOM节点内容，即jQuery()的第二个参数，此处为[object HTMLDocument] IE返回[object]
9.$(this).get(0)与$(this)[0]相同，取得其中一个匹配的元素

  $("img").get().reverse();当get没有索引时将获取所有元素数组。

10.$('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
$('li').index($('#bar')); //1，传递一个jQuery对象
$('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的索引位置
$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。

11.在元素上定义数据，格式随意

$("div").data("blah");  // undefined
$("div").data("blah", "hello");  // blah设置为hello
$("div").data("blah");  // hello
$("div").removeData("blah");  //移除blah

$("div").data("test", { first: 16, last: "pizza!" });
$("div").data("test").first  //16;
$("div").data("test").last  //pizza!;

$("div").removeData("desc url");// 移除键名为"desc"、"url"的数据项，注意中间有空格

12.

$("span").queue("p",[function(a){alert(11);},function(b){alert(22);},function(c){alert(33);}]);//添加函数组
var ff=$("span").queue("p");//获取第一个元素的函数组
alert(ff.length);
$("#a").dequeue("p");//执行第一个函数
$("#a").dequeue("p");//执行第二个函数
alert(ff.length);
$("#a").queue("p",function(){alert("补充函数；")});//在追加一个函数
alert(ff.length);
//$("#a").clearQueue("p");//清空函数数组
//$("div").queue("fx", []);//清空函数数组

13.

//第一种扩展方法

$.fn.extend (

{

tanchu:function(){alert("我是扩展函数")},

shuxing:"我是扩展属性",

zaitan:function(){alert("第二次弹出")},

intext:function(){this.value="ooooo";alert("看看设置内容是否成功。")},

check: function(){// 这里的this表示当前jQuery对象

this.prop("checked", true);

return this;}

} );

//第二种扩展方法

$.fn.site = "CodePlayer";

$.fn.check = function(){

// 扩展到jQuery原型上后，这里的this表示当前jQuery对象

this.prop("checked", true);

return this; };

$.fn.isEmpty = function(){

return !$.trim( this.val() );

//调用

$("[name=opt]").check( );// 全选复选框

$("#b").tanchu();

$("#b").intext();

$("#b").zaitan();

alert($("#b").shuxing);

14.扩展jquery本身

jQuery.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});

jQuery.min(2,3); // => 2
jQuery.max(4,5); // => 5

15.

jQuery.noConflict();//使$失去原来的含义，用原始的jQuery作为关键字
// 使用 jQuery
jQuery("div p").hide();

var j = jQuery.noConflict();//使用j作为关键字
// 基于 jQuery 的代码
j("div p").hide();

var dom = {};//命名空间
dom.query = jQuery.noConflict(true);//使用dom.query代替原来的关键字

// 新 jQuery 的代码
dom.query("div p").hide();

jQuery慢慢啃之核心（一）的更多相关文章

  1. jQuery慢慢啃之工具（十）

    1.jQuery.support//一组用于展示不同浏览器各自特性和bug的属性集合 2.jQuery.browser//浏览器内核标识.依据 navigator.userAgent 判断. 可用值: ...

  2. jQuery慢慢啃之回调（十三）

    1.callbacks.add(callbacks)//回调列表中添加一个回调或回调的集合 // a sample logging function to be added to a callback ...

  3. jQuery慢慢啃之事件对象（十一）

    1.event.currentTarget//在事件冒泡阶段中的当前DOM元素 $("p").click(function(event) { alert( event.curren ...

  4. jQuery慢慢啃之ajax（九）

    1.jQuery.ajax(url,[settings])//通过 HTTP 请求加载远程数据 如果要处理$.ajax()得到的数据,则需要使用回调函数.beforeSend.error.dataFi ...

  5. jQuery慢慢啃之特效（八）

    1.show([speed,[easing],[fn]])\\显示隐藏的匹配元素 //speed:三种预定速度之一的字符串("slow","normal", o ...

  6. jQuery慢慢啃之事件（七）

    1.ready(fn)//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){ // 在这里写你的代码...}); 使用 $(docume ...

  7. jQuery慢慢啃之CSS（六）

    1.css(name|pro|[,val|fn])//访问匹配元素的样式属性 $("p").css("color");//获取 $("p") ...

  8. jQuery慢慢啃之文档处理（五）

    1.append(content|fn)//向每个匹配的元素内部追加内容. $("p").append("<b>Hello</b>"); ...

  9. jQuery慢慢啃筛选（四）

    1.eq(index|-index) 获取第N个元素 其中负数:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) $("p").eq(1)//获取匹配的第二个元 ...

随机推荐

  1. google font和@font-face

    会使用google字体 网址: http://www.google.com/fonts/ 选择字体, quick use 引用css: <link href='http://fonts.goog ...

  2. Codeforces 350B Resort

    题目链接:http://codeforces.com/problemset/problem/350/B 一开始想复杂了,建了张图,结果效率太低T了.其实用数组存可以了,结果发现的时候快没时间了,修改好 ...

  3. git submodule的操作

    对于有submodule的库,检出的方法是: git clone https://github.com/BelledonneCommunications/linphone-android.git -- ...

  4. Magic Pairs - SGU 119（同余）

    题目大意:如果A0*X + B0*Y能够整除 N,求出来多有少A*X+B*Y 也能够整除去N,求出所有的A,B(0<=A,B<N) 分析:有条件可以知道 A*X+B*Y = K *(A0* ...

  5. Cookie及App登陆的原理

    1.Cookie Cookie意为"甜饼",是由W3C组织提出的.目前Cookie已经成为标准.由于HTTP是一种无状态的协议,服务器单从网络连接上无从知道客户身份.怎么办呢?就给 ...

  6. 11个让你吃惊的Linux终端命令

  7. 面试题 php随机获取概率结果

    题目:随机输出“苹果”,“橘子”,“香蕉”要求输出“苹果”的概率为50%,“橘子”的概率为30%,“香蕉”的概率为20% 分析 方案一: 最常用rand(1,10)来处理 如果是5以下的输出苹果 6到 ...

  8. <WEB>平板_手机开发_13 个处理触摸事件和多点触摸的JS 库

    触摸屏是现在所有智能手机的标配,还包括各种平板设备,而且很多桌面也慢慢在开始支持触摸操作.要开发支持触摸屏设备的 Web 应用,我们需要借助浏览器的触摸事件来实线. 下图是各种触摸事件说明: 本文我们 ...

  9. [转]Android中dp,px,sp概念梳理以及如何做到屏幕适配

    http://blog.csdn.net/jiangwei0910410003/article/details/40509571 今天又开始我的App开发,因为之前一直做的是SDK,所以涉及到界面UI ...

  10. MST最小生成树及Prim普鲁姆算法

    MST在前面学习了Kruskal算法,还有一种算法叫做Prim的.这两者的区别是Prim算法适合稠密图,比如说鸟巢这种几乎所有点都有相连的图.其时间复杂度为O(n^2),其时间复杂度与边的数目无关:而 ...