脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JQuery入门知识学习，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

一、引入jquery—2.1.4.js

< script tyPE=”text/javascript” src=”jquery-2.1.4.js”>< /script >

二、ready的作用是当前页面的DOM加载完成后执行参数中的函数

1.(docunment).ready(function()alert(“helloworld“);)2.(function(){

alert(“hello world”);

})

三、Dom对象和jquery对象之间的转换

1.Dom对象装换成Jquery对象

VAR p1=doucment.getElementById(“p1”);

var p1=(p1);

alert(p1.html());相当于p1.innerHTML把Dom常用的属性转换成方法jquery对象实质就是Map,关联数组2.把jquery对象转换成Dom对象varp=(“#p1”);

1.varp=p[0];

2.var p=p.get(0);变量的定义规范：jquery对象，前面要加,dom对象不需要

加方法：

jquery.get=funcion(i)return$jquery[i];alert(jquery[0].innerHTML;)

四：面试题

(document).ready()和window.onload的区别：共同点：都是页面加载完毕后运行区别：1.window.onload只能绑定一个事件，绑定多个，只有第一个起作用(document).ready()可以绑定多个事件区别2：window.onload必须等待页面中所有的dom对象以及dom对象相关联对象加载完毕后才执行(document).ready()只要所有的dom对象加载完毕后就可以执行

五。给按钮绑定事件

jquery对象.事件名(事件处理函数)

$ (function() {

var BTn1=(“#btn1”);

$btn1.click(function(){

alert(“我被点击了”);

})

})

六、修改样式

修改单一样式

var p1=(“#p1”);

p.css(“color”,”green”);jquery借鉴了css中构造器的思想，css中的选择器，目的是选择出标签，给标签加样式，而jquery是选择元素后可以对元素做什么操作1.标签选择权(“p”);

2.id选择器

(&ldquo;myId”);3.类选择器(”myclass”);

4.组合选择器

(“p”,”span”);5.选择全部(“*”)

二、层次选择器

1.子级

<1>子代选择器

var obj=(“form >input”);

<2>后代选择器

var obj=(“From input”);

2.同级

<1>下一个兄弟

选择器1+选择器2{}

<2>下面所有的兄弟

选择器1~选择器2{}

下一个元素：(“选择器1”).next()下面所有元素：(”选择器2”).nextAll();

上一个元素：(“选择器”).prev();三、过滤选择器1.(“”tr.First”);

2.(“tr.even”)匹配所有索引值为偶数的元素，从0开始3.(“tr.odd”)匹配所有索引为奇数的元素

4.(“p:not(:aniMATEd)”)匹配所有正在执行动画效果的元素四、内容选择器1.contains(text) 是否包该文章

2.empty 空的

3.(“p:has(p)”)4.(“td:parent”)

五、可见性

1、(“tr.visible”)可见的2.(“tr.hidden”) 隐藏的

六、属性过滤器

七、子元素选择器

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！&nbsp;js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JQuery入门知识学习全部内容，希望文章能够帮你解决javascript代码实例教程-JQuery入门知识学习所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。