妖怪的博客

$(function(){ //1.查找节点 //1.查找元素节点 var $li =$("ul li:eq(1)") var li_text = $li.text(); alert(li_text);

//由于给超链接添加onclick事件,因此需要使用"return false"语句让浏览器认为用户没有点击该超链接,从而阻止该超链接跳转 //show();显示隐藏的匹配元素 //css(name,value)给元素设置样式 //text(string)设置所有匹配元素的文本内容 //filter(selector)筛选出指定选择器的元素集合, // selector可以是多个选择器的组合命令.注意区分它和find()

1.$ = jQuery2.window.onload与 $(document).ready()区别

1.jQuery转DOM有2种方法,jQuery对象是一个类似于数组的结构2..DOM转jQuery

$(function(){ var jq =$("#jq"); jq.click(function(){ if(jq.is(":checked")){ alert("jQuery感谢你的支持!你可以继续操作！"); } });

1.undefined=false=0 其余非0都为true2.javaScript可能获取到对象等为undefined;而jQuery是不会出现这个问题的,永远能获取到对象,数组类型的包装类

wrap;wrapAll;wrapInner

$(function () { //9.样式操作 //1.获取样式和设置样式,使用attr(); //改变div元素的class属性 $("div").attr("class", "two");

$(function(){ var x = 10; var y = 20; $("a.tooltip").mouseover(function(e){ this.myTitle = this.title; this.title = ""; var imgTitle = this.myTitle? "" + this.myTitle : ""; var tooltip = "

重点:html;text;val;focus;blur;1.实现表单获取焦点与失去焦点出现默认值;2.使select(下拉列表),checkbox(多选框),radio(单选框)相应的选项被选中

css-dom技术就是读取和设置style对象的各种属性.1.css()获取,设置,批量设置,元素的样式属性$("p").css("color")//获取p元素的样式颜色$("p").css("color","red"))//设置p元素的样式颜色$("p").css({"fontSize":"30px","backgroundColor":"#888888"})//设置p元素的字体大小

clone;replaceWith;replaceAll;

//1选择器中含有".","#","(","]"等特殊字符 $(function(){ $("#id\\#b").click(function(){ alert("#id\\#b"); }); $("#id\\[1\\]").click(function(){ alert("#id\\[1\\]"); });

append;appendTo;prepend;prependTo;after;insertAfter;before;insertBefore

remove;detach;empty;

var table1 = document.getElementById("tb");//object HTMLTableElement var tbodys = table1.getElementsByTagName("tbody");//[object HTMLCollection] var checks= document.getElementsByName("check");//[object HTMLCollection]

1.#id; 单个元素; 根据给定的id匹配一个元素; $("#test")选取id为test元素2..class; 集合元素; 根据给定的类名匹配元素; $(".test")选取所有class为test的元素3.element; 集合元素; 给定元素名匹配元素; $("p")选取所有<p>元素4.*

1.$("ancestor descendant"); 选取ancestor(先祖)里的所有descendant(后代)元素; 集合; $("div span")选取<div>里的所有<span>元素2.$("parent>child") ; 选取parent元素下child(子)元素,而1中选择的是后代元素 集合; $("div>span")选取<div>下名字为<span>的子元素3.$("prev + next")

1.:first;2.:last;3.;not(selector);4.:even;5.:odd;6.:eq(index);7.:gt(index);8.:lt(index);9.:header;10.:animated;11.:focus;

1.:contains(test); 2.:empty;3.;has(selector);4.:parent;

:hidden;:vidible;

--> div,span,p { width:140px; height:140px; margin:5px; background:#aaa; border:#000 1px solid; float:left;

:nth-child(index/even/odd/equation);:first-child;:last-child;:only-child;

--> $(document).ready(function(){ //重置表单元素 $(":reset").click(function(){ setTimeout(function() { countChecked();

--> //:input;选取所有的input,textarea,select,button元素;$(":input")选取所有input,textarea,select,button //:text;选取所有单行文本框;$(":texet") //:password选取所有密码框 //:radio选取所有单选框

$("#btn").click(function(){ var items= $("input[name='check']:checked"); alert("选中了"+items.length+"个"); }); $("p").click(function () { alert("1"); });

$(function(){ var x = 10; var y = 20; $("a.tooltip").mouseover(function(e){ this.mytitle=this.title; this.title=""; v