jquery基础表（1）
程序员文章站
2022-04-03 19:10:53
...
一、环境搭建：
在<head>的<script>中引入jquery.js文件即可
二、基本语法：
1、jquery对象与Dom对象的转换：
var $div = $('div') //jQuery对象
var div = $div.get(0) //通过get方法，转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
var div = document.getElementsByTagName('div'); //dom对象
var $div = $(div); //dom转jQuery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色2、选择器：
| id选择器 |
$( "#id" ) |
|---|---|
| 类选择器 | $( ".class" ) |
| 元素选择器 | $( "element" ) |
元素选择器全选择器 |
$( "*" ) |
| 层级选择器 |
3、筛选器：
| 基本筛选器 | |
| 内容筛选选择器 | |
| 可见性筛选选择器 | |
| 属性选择器 | |
| 子元素筛选选择器 | |
| 表单选择器 | |
| 表单对象属性筛选选择器 | |
| this关键字 |
this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者。 this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。 |
4、jquery属性与样式：
| .attr（） |
|
| .removeAttr( attributeName ) | 为匹配的元素集合中的每个元素中移除一个属性（attribute） |
| .html()方法 |
|
| .text()方法 |
|
| .val()方法 |
|
| .addClass( className )方法 |
|
| .removeClass( )方法 |
|
| .toggleClass( )方法 |
|
| .css() 方法 |
获取：
设置：
|
| .data()方法 |
jQuery.data( element, key, value ) //静态接口,存数据 jQuery.data( element, key ) //静态接口,取数据 .data( key, value ) //实例接口,存数据 .data( key ) //实例接口,存数据 jQuery.removeData( element [, name ] ) .removeData( [name ] ) |
上一篇： jsp按钮怎么用
下一篇： Java IO流(三)