初识Jquery

Posted ting1106

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初识Jquery相关的知识,希望对你有一定的参考价值。


1.jquery是基于js的一个封装库,屏蔽我们之间书写js代码考虑浏览器兼容性的问题。问题交个框架的编写者。jquery团队。
市面上常见的jquery,企业生产环境中经常使用js库,jquery是以后大家学习其他封装的基础库,99%的企业都在使用jquery.
Bootstrap , EasyUI Jquery UI,Ext Js(非常笨重,页面效果非常的华丽,适合在局域网使用)
Vue (View)尤雨溪 企业
Angular JS
React

2.window.onload和$(function(){})

$(doucument).ready();区别

window.onload:1.在所有页面内容加载完毕后才可执行  2.只能执行一次  3.没有简易写法

$(function):1.网页中所有DOM文档结构执行完毕后即可执行   2. 可以执行N次   3.有简易的写法

3.jquery和dom互转

(1)dom--------->jquery

$(dom)

(2)jquery---------->dom

jquery[0]

get(index)

4.dom和jquery操作文本

(dom)表单元素:dom.value

(dom)非表单元素:dom.innerText或dom.innerhtml

(jquery)表单元素:dom.val();

(jquery)非表单元素:dom.text()或dom.html()

5.dom和jquery操作样式

dom的三种样式:

(1)dom.style.fontSize="属性值";

(2)dom.className="Class属性值";

(3)dom.style.cssText="A:b;C:D";

jquery的三种操作样式:

(1)jquery.css("属性名","属性值");

(2)jQuery.css({"属性名":"属性值","属性名2":"属性值2"})

(3)jQuery.addClass("类的属性值");

6.dom和jQuery事件注册

(dom)dom.onclick=function(){};

(dom)dom.onmouseover

(dom)dom.onmouseout

(jquery)jquery.click(function(){});

(jquery)jquerey.mouseover(function(){});

 

以上是关于初识Jquery的主要内容,如果未能解决你的问题,请参考以下文章

JQueryjquery完成ajax实例

JQueryJQuery基础

JQueryJQuery基本操作

jQueryjquery插件封装

jQueryjQuery与Ajax的应用

jQueryjquery.metadata.js验证失效