js和jq在实际开发中比较好用的方法总结

    总结了一些开发中常常使用的方法和记忆混淆的知识点。

    并不是所有的jq方法都是优秀的,还是尽量用原生js方法以提高效率。

1、通过js修改样式,尽量使用 dom.style.XXX = XXX的方式。

2、将$(“<p></p>“)优化为
$( document.createElement(“p”));

一、jQuery部分

1、jq的查找节点

//expr可以设置想找的任何标记,比较方便
$("XX").find(expr);

2、jq的快速清除节点内容

$("XX").empty();

3、jq的添加、删除、判断属性

$("XX").addClass(expr);
$("XX").removeClass(expr);
$("XX").hasClass(expr);

4、动画效果使用jq动画

$("XX").show("slow"/1000);
$("XX").fadeIn/fadeOut();
$("XX").slideUp/slideDown();
$("XX").animation("动画样式","动画速度","回调函数");

5、动画效果使用jq动画

$("XX").show("slow"/1000);
$("XX").fadeIn/fadeOut();
$("XX").slideUp/slideDown();
$("XX").animation("动画样式","动画速度","回调函数");

二、js部分

1、牢记基本类型

number, string, boolean, null, undefined

2、数组删除某一段

arr.splice(startIndex, spliceNumber);

3、截取字符串的值

//不用substring方法
arr.slice(startIndex, endIndex);
JavaScript(简称JS)是浏览器端的编程语言,而jQuery是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作。在某些情况下,你可能需要在原生JavaScript和jQuery之间进行转换。 1. JS转换为jQuery: 将纯JavaScript代码转换为使用jQuery的方法通常涉及到使用jQuery的选择器、方法和函数来替代原生DOM操作和事件处理。例如,如果你有一个JavaScript代码段用于选取页面上所有的段落,并改变它们的颜色: ```javascript var paragraphs = document.querySelectorAll('p'); for (var i = 0; i < paragraphs.length; i++) { paragraphs[i].style.color = 'red'; } ``` 使用jQuery,你可以用以下代码达到同样的效果: ```javascript $('p').css('color', 'red'); ``` 2. jQuery转换为JS: 如果你希望将jQuery代码转换回原生JavaScript,你需要使用原生的DOM API来完成相同的操作。例如,使用jQuery改变所有段落颜色的代码: ```javascript $('p').css('color', 'red'); ``` 可以转换为: ```javascript var paragraphs = document.querySelectorAll('p'); for (var i = 0; i < paragraphs.length; i++) { paragraphs[i].style.color = 'red'; } ``` 对于CSS和jQuery选择器,它们都用于选取页面上的元素,但它们的使用场景和语法稍有不同: - CSS选择器用于定义HTML元素的样式,如类选择器(.class)、ID选择器(#id)、元素选择器(element)、属性选择器([attribute="value"])等。 - jQuery选择器用于在JavaScript选取和操作DOM元素,其语法与CSS选择器类似,但增加了额外的功能,如子元素选择器($('parent > child'))、相邻兄弟选择器($('sibling + next'))、过滤选择器($('li:even'))等。 在实际开发,你可能需要在CSS和jQuery之间进行选择器的相互转换。例如: - 在CSS使用`.my-class`选择器来应用样式,而在jQuery使用`$('.my-class')`来选取元素进行操作。 - 在CSS使用`#my-id`来指定ID样式,在jQuery使用`$('#my-id')`来选取具有该ID的元素。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值