day1.2.4.jQuery-01-jQuery入门

Jquery入门

网页开发三剑客html(元素),css(渲染)，js(交互没逻辑)

jquery是一个js框架，是一个js文件，对js操作进行封装，用于简化js代码书写，js几十行的代码jquery可能只需要几行。

js和jquery类似与 JDBC和DBUtil之间的关系

重点：

• 选择器
• DOM操作函数（html增删查改）

环境搭建

1，引入js文件和普通导入js文件类似

版本：

• 1.0：所有浏览器兼容

• 2.0：一般浏览器兼容

• 3.0：最新版本浏览器兼容

  普通开发建议使用1.0

• 开发版:开发时用，

• min版:上线时用（注释,空格被省略）

基础写法

Jquery变量：$+变量名

延迟执行：(js是逐行执行的,只有被加载进内存才能执行)

$(function(){
	//执行js代码
});

script 标签写在任意位置都是可以的，但一般写在head标签里

获取对象：$(“选择器”)

改值: jQuery对象.val(“值”)

获取值: var $jq = jQuery对象.val()

js和jquery

联系区别：

联系： jQuery本质上是一个js数组

区别： js一般通过 js对象.的方式来访问元素或属性

jQuery通过 jQuery对象.方法（）的方式来访问元素或属性

如获取元素文本值:

  $(function () {
            //js
            var val = document.getElementById("#myDiv").text;
            alert(val)

            //jQuery
            var $val = $("#myDiv").text()
            alert($val)
        })

转换

• js-》jQuery
  $(js对象) ----->jquery对象

• jQuery->js

  jquery对象[0] ----->js对象