val() attr('value')

jquery中选择器的 html() text() val() attr() 方法的区别与使用方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html() text() val() attr()</title> <script src="./js/jquery-1.12.4.min.js"></script> <script> $(funct…

jQuery笔记三——text/html/val/attr/prop

1.获得内容三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 <p id="test">This is some <b>bold</b> text in a paragraph.</p> <p>Name: <input type="text&quo…

val() 只能更改输入框内的值,能更改value属性, 在浏览器中体现不出value被改变 attr('value') 都可以谷歌浏览器 val,attr都能获取输入框最新的value值…

jquery中prop和attr的区别

jquery中prop和attr的区别 prop: prop(name|properties|key,value|fn) **概述** 获取在匹配的元素集中的第一个元素的属性值. 随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误. jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误 **参数** name String V1.6 属性名称 properties Map V1.6 作为属性的"名/值对"对象 key,v…

jquery 实践操作：attr()方法

此篇要记录的是关于 jquery 的 attr() 方法在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. . attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过…

css常用hack

原文地址:css常用hack 突然想起今天早上在CNZZ看到的统计数据,使用IE6.7的用户比例还真多,看到之后我的心都碎了.微软都放弃了为毛还有这么多人不死心? 所以说,IE下的兼容还是得做的. –,– css hack分为3种,即属性hack,IE条件注释hack,CSS选择器Hack 1.属性hack 对于这个我只想说网上各种答案都有,只知道复制粘贴,好多错误,测试一下不就知道了. .myClass{ background-color:#f1ee18;/*所有识别*/ background…

【ToolKit】轻量级JS库

优点: 丢弃了一些不常用的方法(jQuery.fn):slideUp.fadeIn.animate等: 新增获取子节点的方法(ToolKit.fn):firstChild,lastChild等: 新增ToolKit.Threads线程操作函数(有效解决自定义弹窗同时运行的问题): 加入JSON对象(JSON.parse和JSON.stringify); 重写ToolKit.toString方法为JSON.stringify,ToolKit.get和ToolKit.post的dataType为js…

Jquery 操作CheckBox ，RadioButtonList，DropDownList

Jquery版本2.1.4 CheckBox 1.获取值: $("#chb").prop("checked"); RadioButtonList 1.获取值: $("input[name='rbtn']:checked").val(); 2.设置值 $("input[name='rbtn']:checked").val(val); 其中val为值 3.清空选择 $("input[name='rbtn']")…

主流浏览器css兼容问题的总结

最近又搞了一波网站的兼容,由于要求ie浏览器还是要兼容到ie8,所以调起来还是各种蛋疼. 现在就post一些做兼容的总结,可能不够全面,但是可以告诉大家如何避过一些坑.主要测试了chrome,firefox,ie8.9.11,360浏览器. 一.基本的css兼容: 1.可能很多人喜欢用css hack的形式去兼容ie浏览器,但是我自己用起来感觉其实不好使 .ie7-就不考虑了,问题在哪呢,就在ie8的甑别上,你怎么让样式只对ie8起作用.上网搜你可能会得到这样的答案: .selector { c…

【转】jQuery获取Select option 选择的Text和Value

获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text(); 获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select…

JQuery的一些简单操作01

一.JQuery的隐藏和显示效果 1.hide/show/toggle hide隐藏效果,hide(1000)括号里面跟毫秒,show显示效果同样后面括号可以有数值,toggle开关按钮,交替作用隐藏和显示的效果 2.fadeIn/fadeOut/fadeToggle/fadeTo fadeIn和fadeOut作用的是淡入淡出的效果,其实是改变css中display的属性值,fadeToggle开关按钮,交替作用淡入淡出的效果,fadeTo设置的是透明度的效果,fadeTo(1000,0.5),…

IE7下如何判断复选框是否被选中（利用jquery）

var checkM; $(".rate-mainL .checkM").click(function(){ var checkM=$("input[name='checkM']:checked").size(); if(checkM == 0){ $(this).prev().attr("disabled",false);//未选中 }else { $(this).prev().val("").attr("disa…

jQuery获取多种input值的方法

1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 name即控件name属性,value即控件value属性可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式if($("input[name=row_checkbox]").attr('checked')==true){alert("j");}els…

Jquery day02

jquery day01回顾语法: $("选择器") , $(dom对象) , $("<div>") 选择器: 基本:#id.element..class.s1,s2,... .* 层级:A B.A>B.A+B.A~B 基本过滤::first :last :eq() :gt() :lt() :even :odd :header :animated :focus 内容过滤::contains() :empty :parent :has…

Jquery常用radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置

获取一组radio被选中项的值:var item = $('input[name=items][checked]').val(); 获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text(); 获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("selec…

功能齐全并且比较时髦的Jquery通用开源框架之【ejq.js】

简介 ejq是一款非常小巧的JS工具库,未压缩才50K,在jquery的基础上对jquery缺失部分作了很好的弥补作用. 优点: 1.具有内置的模板解析引擎语法和angularjs相近减少学习成本 2.能够方便的对JSON操作,增删查改 3.随机数功能比较健全 4.丰富的通用函数,这些函数是通过N多项目需求并且积累下来的,实用性很强. 功能介绍一.随机数 var num= $.random.getNum(10);//获取0-10之间的随机数字 var num2 = $.random.getNu…

JQuery功能查询页

JQuery在前端开发中已经是常用的不能再常用的库了.最近的项目中使用到了JQuery,我第一次接触它的时候为了学习,把常用的操作指令用比较小的字体写在一页word上,打印出来贴在桌子上,用来让自己时时刻刻想用都能看到相关的API调用方法.这种方式非常有利于记忆,国外也经常会有一些Pocket Book,即简易查询字典,书中每一个功能都用很简单的一两句话描述,让自己想用的时候随时都能查到.在此,将我自己做完贴在桌子上的JQuery查询页分享出来,供大家参考. [JQuery] 引用JQuery库…

jquery总结

id选择器只能选定第一个满足条件的元素 class选择器可以选定一类满足条件的元素 text(),html(),val(),attr()等操作类型的函数,作用对象是前面选择器选定的元素.选定的元素可能有很多个,所以text(function(index,old){}) attr()可以指定多个属性 $("button").click(function(){ $("#w3s").attr({ "href" : "http://www.w3…

jquery 获取Select option 选择的Text和Value

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text(); 获取select被选中项的文本 :var item = $(&q…

jquery获取多重input的方式

获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,value即控件value属性第二种: 可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式: if($("input[name=row_checkbox]").attr('ch…

项目中Ajax调用ashx页面中的Function的实战

前台页面: 使用几个display=none的空间存储DropdownList中的值,点击Search Button后刷新页面再次给DropdownList赋值使用 <%@ Page Language="c#" CodeBehind="MallListCAM.aspx.cs" AutoEventWireup="True" Inherits="PRCSales_internal.Mall.MallListCAM" Enab…

jquery文件上传控件 Uploadify 问题记录

Uploadify v3.2.1 首先引用下面的文件  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <link href="~/uploadify/uploadify.css" rel="stylesheet"…

JQuery学习之操作DOM

1.DOM,就是Document Object Model(文档对象模型) 2.获得内容的方法: **text():设置或返回所选元素的文本内容 $("#btn1").click(function{ alert("Text: " +$("#test").test()); }); **html():设置或返回所选元素的内容(包括HTML标记) $("#btn2").click(function(){ alert("HT…

JavaScipt 源码解析 css选择器

css1-css3提供了很多选择器,总得来说分为几大类: 群组选择器:逗号"," 简单选择器:ID,标签,类,属性,通配符关系选择器:孩子,后代,兄弟,相邻伪类选择器:动作伪类,目标伪类,语言伪类,状态伪类,结构伪类,取反伪类. 群组选择器用于分组合并多个处理的结构 selector1,selector2,selectorN 简单选择器# . [ * 这些都有内置原生API的支持,不过存在兼容问题. 属性选择器在css2.1中只有4种. [attr][attr=val][attr~…

自定义控件之 RadioList

var RadioListObj = function (id, url) { this.URL = url;//radiobox source URL this.ID = id;//radioList ID, radio id is ID_radio this.method = 'get'; //ajax method this.width = 600; //initial width this.height = 100; //initial height this.checkedValue…

jQuery学习实用记录

//jQuery加载 $(document).ready(function(){ //开始编写函数 }); //点击后上下滑动隐藏效果 $("#id").click(function(){ $("id2").sildeToggle(); }); //创建自定义动画,可以实用队列功能(编写多个animate逐一调用) $("button").click(function(){ $("div").animate({left:'2…

[JS] JavaScript框架(1) jQuery

jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用).events.实现动画效果,并且方便地为网站提供AJAX交互.jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择. 官网API: http://api.jquery.com 下载: NuGet:Install-Package jQuery 知识点:主要功能.版本.基本语法.事件,操作元素,特效,AJAX,扩展$,释放$,遍历,ready/onload区别先顶后看…

微信jssdk，实现多图上传的一点心得

一.首先在common.js里封装一个函数,在需要调用jsSDK的页面引用此方法即可实现微信的信息配置function signatureJSSDK() { var url = window.location.href.split('#')[0];//后台需要此页面的url来生成参数 $.ajax({ url:IPWeiXinJssdk,//调用后台接口,用后台返回的结果来进行微信接口的基础配置 type:"post", dataType:"json", data:…

第十课：CSS选择器的介绍和区分

IE7以及以下版本: getElementById是不区分表单元素ID与Name的,因此如果有一个表单元素只定义name,并与我们的目标元素ID同名,并且我们的目标元素在它的后面,那么就会选择到那个表单元素.所以一般在定义表单元素时,都会定义跟name一样的id,就是以防其他元素的id跟表单元素的name一样(文档中的id都是唯一的). getElementsByTagName,当参数为"*"通配符时,它会混入注释节点,并且无法选取Object下的元素. 属性选择器: [attr ~=…

可输入自动匹配Select——jquery ui autocomplete

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Combobox</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/…

【val() attr('value')】的更多相关文章