例：获取ul中li的value值
我们提供的服务有：成都网站制作、成都网站设计、微信公众号开发、网站优化、网站认证、泽普ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的泽普网站制作公司
首先，在html中我们要为每个li设置value值
复制代码
代码如下:
ul
li
value="你好"/li
li
value="hello"/li
li
value="=-="/li
/ul
再通过jquery根据点击事件获取对应的value
复制代码
代码如下:
$(document).ready(function(){
$("li").click(function{
alert($(this).val());
});
});
监控一个容器，当用户点击时弹出
代码如下
$(function(){
$("Element").click{function(){
alert("点击我哦！");
}
}
});
基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦，但是他俩是可以转换滴)
代码如下
复制代码
代码如下:
$("*")
‘表示获取所有对象
但是我至今没这样用过
$("#XXX")
'获得
id=XXX
的元素对象（id可以是标签的id或CSS样式id）
常用
$("input[name='username']")
获得input标签中name='userName'的元素对象
常用
$(".abc")
'
获得样式class的名字是.abc的元素对象
常用
$("div")
'
标签选择器
选择所有的div元素
常用
$("#a,.b,span")
'表示获得ID是()a的元素和使用了类样式b的元素以及所有的span元素
$("#a
.b
p")
'ID号是a的并且使用了
b样式的
所有的p元素
例
假设有如下代码。
复制代码
代码如下:
var
target_obj
=
jQuery('#target_obj_id');
则，若需要判断id为target_obj_id是否存在的话，可以实现的方法有一下两种：
1、
代码如下
复制代码
代码如下:
if
(target_obj.length
0)
{
//如果大于0
标识
id
为target_obj_id的对象存在，否则不存在
//对象存在的处理逻辑
}
else
{
//对象不存在的处理逻辑
}
2、
代码如下
复制代码
代码如下:
if
(target_obj[0])
{
//对象存在的处理逻辑
}
else
{
//对象不存在的处理逻辑
}
你好！！
$("button").click(function(){
$(".class").remove(); //显然是移除了所有class为class的元素
//可以在这里获取当前栏目，但是这要看html结构了
// $(this) -- 在这里指向了button自身，可以通过button与当前栏目的关系，找到当前栏目
//比如这种结构: div class="class"div栏目内容......../divbutton/button/div
// var 当前栏目 = $(this).parent(); 当前栏目.remove();
});
1、表示对象不同：this表示的是javascript提供的当前对象，$(this)表示的是用jquery封装候的当前对象。
2、过程不同：this对象可以直接用this.style修改样式，$(this)可以使用jquery提供的方法访问样式。
比如this.style.display="none"在jquery中可以用$(this).css("display","none")实现。
扩展资料：
$(this)生成的是什么？
$()生成的是什么呢？实际上$()=jquery()，就是说返回的是一个jquery的对象。
通常我们为了简便直接使用$()。实际上，该函数省略了一个参数context。根据选择器选取匹配的对象即$(selector, context)，以jQuery包装集的形式返回。
context可以是Dom对象集合或jQuery包装集，传入则表示要从context中选择匹配的对象，不传入则表示范围为文档对象(即页面全部对象)，即$(selector)=$(selector,document)。
this指的是，调用函数的那个html对象。
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jquery的方法和属性值。
参考资料：百度百科-this关键字
$(function() {
// 点击任意 li,全部 li 变色
$("#tree li").click(function(e) {
$(this).css("color", "red");
});
});
$(function() {
// 点击第二层 li， 第二层 li 变色
$("#tree li li").click(function(e) {
$(this).css("color", "red");
});
});
$(function() {
// 点击 JAVA 变色
$("#tree li li:first").click(function(e) {
$(this).css("color", "red");
});
});
