码迷,mamicode.com
首页 > Web开发 > 详细

初识Jquery

时间:2018-04-07 17:32:43      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:简易   on()   网页   seo   ext   企业   str   使用   学习   


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

标签:简易   on()   网页   seo   ext   企业   str   使用   学习   

原文地址:https://www.cnblogs.com/ting1106/p/8733393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!