Jq基础简介

Posted TheWinds

tags:

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

jQuery就是用原生js写出的框架集(Write less do more )

1.需要注意的问题?
(1).jQuery语法需要重新学习
(2).jQuery需要注意版本之间的兼容性
(3)不是越新的版本越好(要稳定)
(4)jQuery一般有两个版本(xxx.min.js和xxx.js) 区别就是去除回车空格换行 (min版一般用在上线项目节约带宽)

2.jQuery的引入方式?
<script src=”xxx.js”></script>

3.查看jQuery是否被正确引入
1.alert(jQuery);
2.alert($);
3.alert(window.$);
注:$代表jQuery

4.文档预加载

(1).
$(document).ready(function(){

});

(2).

$(function(){

});
注:正常情况下 jQuery的代码都要写在入口之内
能用jQuery语法完成的 尽量使用jQuery语法完成

5.jQuery多个样式设定 

例:$(‘#one‘).css({color:‘red‘,backgroundColor:‘#fc1‘,fontSize:40});

注:原生CSS样式中有 ‘-‘ 的去掉并且将后面的单词第一个字母大写

6.jQuery节点短对象和原生js对象不能混用语法
(原生js节点对象与jQuery节点对象的相互转换)
var one = document.getElementById(‘one‘);
将js原生对象转成jquery对象只需要使用$( )包含起来
定义jQuery对象(变量名以$开头)
var $one = $(one);
将jQuery对象转换为原生DOM节点对象
var one = $(‘#one‘)[0];
第二种实现方法
var one = $(‘#one‘).get(0);

7.书写时注意一些规范格式
(注意换行,看起来更清晰易懂)
$(‘ul li‘)
 .css(‘color‘,‘red‘)
 .css(‘background‘,‘#fc1‘)
 .css(‘marginTop‘,‘20px‘)
 .click(function( ){
  alert($(this).html( ));
});

8.回到最后一个破坏性操作之前 end( )

$(‘ul li‘).first( ).css(‘backgroundColor‘,‘#0fa‘).end( ).last( ).css(‘backgroundColor‘,‘#0f0‘);

以上是关于Jq基础简介的主要内容,如果未能解决你的问题,请参考以下文章

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq

jq选择器基础

jQuery基础3-jq事件

jQuery基础

jQuery基础2-jq的操作

jQuery基础1-jq选择器