Jq基础简介

it2022-05-05  132

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');

转载于:https://www.cnblogs.com/dreamerC/p/6185167.html


最新回复(0)