addClass() 添加类名
removeClass() 移除类名
toggleClass() 添加或移除类名, 这个方法很灵活, 很舒服
HTML() 无参数时获取内部 HTML 或者有参数设置内部 HTML
text() 无参数时获取内部文本或者有参数设置内部文本
val() 获取或者设置表单元素的 value
CSS() 获取或者设置 CSS 样式
一个字符串参数 获取
一个对象 设置
两个参数 设置
attr() 给普通标签设置或者获取属性
removeAttr() 移除属性
prop() 给表单元素设置和获取属性
data() 给 JQ 对象设置属性
offset 偏移值
- <div id="box">box</div>
- <div id="box1">
- <span>span1</span><span>span2</span>
- </div>
- <div id="box2">111</div>
- <div id="box100"></div>
- <input type="text" name=""id="t">
- <div class="box3"></div>
- <script type="text/javascript">
- // 开始这样 < div id="box100"></div>,
- // 添加属性后变成 < div id="box100" name="zhangsan"></div>
- $("#box100").attr("name","zhangsan");
- $("[name=zhangsan]").HTML("123") // 因为有属性了, 所有可以赋值
- $("#box").addClass("red").click(function(){
- //$(this).removeClass("red");
- //this 指 id 名为 box 对应的标签, toggleClass() 这个方法有类就删除类, 没类就添加类, 很灵活, 很舒服
- $(this).toggleClass("red");
- });
- $("#box1").HTML("<span>hello</span>"); // 设了参数就替换了原来的值
- $("#box2").text("<span>hello</span>");// 设了参数就替换了原来的值, 标签名也会写上去
- $("#t").val("happy"); // 给表单赋值的
- $("#t").change(function(){ // 输入框内容发生改变时, 鼠标一移开马上触发
- alert(123)
- })
- $(".box3").CSS("background","#FFFF00"); //2 个值设置宽度
- $("#box").attr("index",0); // 添加属性, 2 个参数添加属性, 一个参数获得属性
- $("#box").removeAttr("index");// 移除属性
- </script>
- </body>
- </HTML>
来源: http://www.bubuko.com/infodetail-3053228.html