前端开发JS框架之jQuery的基础知识分享

jQuery对象是通过jQuery包装DOM对象后产生的对象

注意：jQuery对象只能使用jQuery里的方法，DOM对象只能使用DOM对象的方法

基本选择器

层级选择器：

基本筛选器：

属性选择器：

表单筛选器：

筛选器方法：

jQuery的一些方法：

注意：对于标签上有的能够看到的属性和自定义属性用attr()方法

对于返回布尔值比如checkbox，radion，option这三个标签是否被选中，用prop方法

事件绑定方式：

注意：DOM定义的事件可以用 on()方法来绑定事件，但是jQuery定义的事件就不可以

常用事件有：

移除事件：把on改成off，就是移除 on()绑定的事件

阻止后续事件执行：事件函数中添加 return false; (常用于阻止表单提交等）或者epreventDefault()

阻止事件冒泡：添加estopPropagation()

利用父标签去捕获子标签的事件

推荐阅读：

前端开发框架之jQuery 和 Vue 的选择

前端开发之15个jQuery小技巧分享

前端开发之JQuery入门基础 *** 作

前端开发框架jQuery的优势与基础知识分享

将sidebarhtml里的各元素指定class，class可以放在main中也可以放到sidebar中。这样Load进来后就是带样式的了。如果是加载后再动态添加，可以用jq的筛选器获取到指定的元素再addClass。没有具体的例子不好说哪种方法更好。

(1)出色的DOM *** 作封装

例如原来你要修改样式，原生JavaScript是这么写的

var dom = documentgetElementById('test');

domstylecolor = 'blue';

用上jQuery后，一行搞定

$('#test')css('color', 'blue');

(2)便捷的Ajax *** 作

原生的JavaScript在ajax请求上的代码，嗯，我就不贴代码了！具体多复杂，懂前端的人都明白。

用上了jQuery后，简洁了不少！如下所示

$ajax({url:"/guduyan",

success:function(result){

//dosomething

}});

(3)出色的动画效果

例如，我们需要把一个<div>元素移动到左边，直到left属性等于250像素为止。

使用Jquery，我们可以这么写

$("div")animate({left:'250px'});

总而言之，jQuery作为一个JavaScript库。这个库里有很多函数，可以简化你的DOM *** 作，提供一些特效功能…等等！它的目的就是让一些你不会写，不想写，没时间写的代码，那么库帮你准备好一些函数接口，让你调用直接完成功能。

jQuery内容：

选择器

筛选器

样式 *** 作

文本 *** 作

属性 *** 作

文档处理

事件

动画效果

插件

each、data、Ajax

掌握这些你就可以学好jq了

1var a ="fdsafd fdsafdsa true";

在普通的js里面，

可以通过

if(aindexof("true") >=0)来判断a中是否包含"true" ，如果没有应该是返回 '-1' ,你可以试下

2jquery中的话，应该是有筛选器什么的吧

哇塞

你竟然能看懂 function($) 而不问~~！佩服了，千万不要追问这个哦~~

event，用来表示当前事件，也就是click

eventpreventDefault();应该是事件的初始化，我不太理解为什么要将 click的事件初始化……如果是 右键点击初始化，就会屏蔽到普通的右键所d出的菜单（就是浏览器上点击右键会出现的菜单，包括刷新、属性什么的），估计这里是想去掉别的click事件吧。

'html,body'，单引号 和双引号在 js 中是一样的，都表示字符串。

逗号，是指或者。jQuery中所有的 筛选器（就是你看到的$('class'),$('#aaa'),$('html')等等）与css中用的筛选器 都以一个格式。此处表示html标签和body都进行后面的处理。

{scrollTop:$(thishash)offset()top}

先说大括号，在js中 大括号表示一个对象，这里是设置了一个对象（只是这个对象没名字），有一个属性，scrollTop ，它的值是 $(thishash)offset()top

其中this 表示当前运行的主体对象 就是$('html,body')，

整体看就是当点击“scroll”（class 被表示为 scroll 的 dom）后，页面会用1200毫秒的时间慢慢移动到顶部

var table= $('#example')dataTable(配置参数);

在定义表格的时候配置下面这个参数：

,"fnServerParams" : function (aoData) {

aoDatapush(

{ "name": "Rule_Name", "value": $("#Rule_Name")val() }

);

}

然后在查询的时候，直接使用下面这个函数

tablefnDraw();

这个table是定义的一个变量，保存初始化之后的datatables

以上就是关于前端开发JS框架之jQuery的基础知识分享全部的内容，包括:前端开发JS框架之jQuery的基础知识分享、如何给jquery load()加载的内容添加样式、jquery零基础好学吗等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！