杰晶网络

JQuery学习总结【一】
网络编程 2024/11/9 佚名
3 2

JQuery学习总结【一】

一：JQuery

1 JQuery知识

*：就是让我们学会调用JQ插件，其实内部就是对JS的封装。

*：jquery里面有三个文件，

JQuery学习总结【一】

第2个和第3个其实里面的内容是一样的，只是第三个对其进行了压缩，使浏览器对其的访问时间变短。

我们在使用的时候将Jquery-1.4.2.js和jquery.1.4.2-vsdoc,js放在一起，其实vsdoc.js是对于前面的解释说明，它是让我们在编写代码的时候可以点操作出来。

*:练习《点击按钮弹出对话框的内容》 《点击网页里面的文字使文字一行一行消失》(“$”这个其实是个函数)

<head> 
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.4.2.js">


2 JQuery里面的Ready 《在网页刚开始就弹出内容》


$(dounction).ready(function(){alert(“加载完毕”);})


其实还可以这样子写


$(function(){alert(“加载完毕”);});


<解析：”$”这个函数将匿名函数function()注册为Ready执行。>


3 jquery内置函数


  .map(array,fn)对数组中array中的每一个元素调用fn函数进行处理，fn函数将处理返回，最后得到一个新的数组。.map(array,fn)对数组中array中的每一个元素调用fn函数进行处理，fn函数将处理返回，最后得到一个新的数组。map不能处理Dictionary风格的数组。要用下面的$.each来处理。


  $.each(array.fn)对数组arr每个元素调用fn函数进行处理，没有返回值。





var arr=[3,5,7]; 
Var arr2=$map.(arr,function(item){return item*2}) 函数式编程。 
Var arr={“tom”;”檀木”,”xiaozhang”;”小张”} 
$.each(arr,function(key,value){alert(key+”=”+value);});






4 JQuery对象，Dom对象


<dom就是浏览器的一些标记，比如层，按钮，标签等，数组是jq的对象。>


Jquery对象就是通过jquery包装Dom对象后产生。而且jquery对象只能调用jquery对象封装的方法。不能调用Dom对象的方法。


$(function(){$(“#id”).css(“background”,”red”)});


上面的代码是复制，就是将背景色设置为红色，若.css中的属性为一个则为得到值，2个即为设置值。


5 jquery选择器


*id选择器


$(“#div”).html();


*TabName选择器<标签选择器>


$(“div”).click(function（）｛alert(“你好我是p”);｝);


这里就是将网页中所有的div标签都选择了，都向其添加了click事件。


* css选择器


  同时选择多个样式，就是给制定样式的添加。


$(“div”).click(function(){alert(“这是信息”)});


6 多条件选择器/层次选择器


JQuery学习总结【一】


7 jquery的迭代


  就是里面的错误程序不会给提示出错，我们自己要添加if/elae语句进行判断。


JQuery学习总结【一】


8 jquery的节点遍历


就是运用next（）,nextall()方法来进行遍历的。就好像在数组那里的遍历是一样的。  这里只是得到它的下一个元素的值。


Siblings()：获取所有元素的同辈元素(兄弟节点)。


*:jquery的链式编程





$("div").click(function(){
$(this).css("background","red").siblings("div").css("background","white")
});





就是很容易的通过点操作符来操作。


//这里是链式操作,减少了使用if/else等操作。改变了编程风格。





<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="utf-8" />
 <title></title>
 <script src="/UploadFiles/2021-04-02/jquery-1.4.2-vsdoc.js">


9 ：基本的过滤器


JQuery学习总结【一】


这里可以将其写在一起，比如选择器和过滤器，这样子就会很强大。


不仅可以使用选择器进行绝对定位，还可以进行相对定位，只要在$()指定第二个参数，第二个参数为相对的元素。


案例：


JQuery学习总结【一】


（相对定位）


JQuery学习总结【一】


   ：这里的元素就是在定位#tables tr 下的td的定位


10 属性过滤器


JQuery学习总结【一】


Eg：





<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="utf-8" />
 <script src="/UploadFiles/2021-04-02/jquery-1.4.2.js">


11 元素的each <通过一些过滤器和选择器来遍历each一些元素。>





<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="utf-8" />
 <script src="/UploadFiles/2021-04-02/jquery-1.4.2.js">


JQuery学习总结【一】


以上就是本文的全部内容，希望对大家有所帮助，下篇文章继续介绍JQuery基本知识--JQuery学习总结【二】，有兴趣的朋友可以看下。谢谢对的支持！


                                

                                

                                     

                                

                                    标签：
                                        
jquery学习总结
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
评论“JQuery学习总结【一】”
暂无“JQuery学习总结【一】”评论...
www.imxmx.com 杰晶网络
8,675无损音乐
1,324高清电影
213破解软件
120,141站长资源
一句话新闻
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/9

3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。

苹果官方表示：

在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。

探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。

Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新动态

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网